@import url(https://fonts.googleapis.com/css?family=Oswald); @import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two); /* GLOBAL STYLES -------------------------------------------------- */ body { color: #414141; } .red { color:#BA0037 !important; } .green { color:#739B0D !important;} .darkgreen { color:#006172 !important; } .noborder { border: none !important;} .clear { clear: both; } ul, ol { list-style-type: none; margin: 0; padding: 0; } .nomargin { margin: 0 !important; } .fleft { float: left !important; } .fright { float: right !important; } .grey { color: #999 !important; } .orange {color:#eab000 !important; } .red { color: #ba0037 !important;} .gristxt { color: #939393; } .pad10 { padding: 10px; } .strong {font-weight: bold; } .gristxt, a.gristxt, a:hover.gristxt, a:visited.gristxt {color:#939393 !Important;} input[type=number] {-moz-appearance: textfield;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .centertxt { text-align: center; } /* HEADER -------------------------------------------------- */ #closecookie { background:#444; color:white; text-align: center; padding: 8px 40px; position: fixed; bottom: 0; margin-top: 20px; width: 100%; z-index: 999999999; } #closecookie a { color:white; } .cerrar_cookies { font-size: 1.2em; line-height: 4px; position: relative; right: 1px; top: 3px; } #closecirculo { background: rgba(5, 116, 113, 0.7); color:white; text-align: center; padding: 10px 40px; font-size: 1.1em; margin-top: 0; width: 100%; } #closecirculo a { color:white; } a#logo_content { position: relative; float: left; display: inline-block; overflow: visible; } a#logo_content:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left:0;} #logo{width: 220px; float: left; height: 50px; border: none; } #logo, #logo #logo_ma {width: 220px; float: left; height: 50px; border: none; } :root #logo, #logo #logo_ma { display: block; } #logo2 {width: 220px; float: left; height: 50px; border: none; } @media (max-width: 1400px) and (min-width: 1100px) { #logo {width: 200px; float: left; border: none; margin-top: 10px; } } @media (max-width: 768px) { #closecirculo { display: none !important; } } /* TOP LOGIN */ #top_login { /*background: #efefef;*/ height: 32px; border-bottom: 1px solid #ECE9E9; } p#loginbox {float:right;padding:6px 0 0;font-weight:bold;font-size:1em; line-height: 1.4em;} .img_header_user {width: 24px; float: left; margin-right: 10px; float: right; margin-top: 3px; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.32);-moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.32);box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.32); } p#loginbox a {color:#919191 !important; display: inline-block; text-decoration: none; font-weight: normal; border-right: 1px solid #bababa; padding: 0 10px; } p#loginbox a:last-child { padding-right: 0 !important; } p#loginbox a:visited, p#loginbox a:hover {color:#cc0033; text-decoration: underline;} p#loginbox strong { padding-right: 10px; max-width: 80px; overflow: hidden; display: block; float: left; margin-right: 10px; } .favoritos_header:before { font-size: 18px; vertical-align: middle; text-align: center; content: "\e089"; display: inline-block; font-family: 'Simple-Line-Icons'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #919191; margin: 0 8px 1px 4px; } .mensajes_header:before { font-size: 18px; vertical-align: middle; text-align: center; content: "\e086"; display: inline-block; font-family: 'Simple-Line-Icons'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #919191; margin: 0 8px 1px 4px; } .cerrar_header:before {font-size: 18px; float: right; text-align: center; content: "\e025"; display: inline-block; font-family: 'dripicons'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #919191; font-size: 16px; margin: 0 8px; } div#loginbox {float:right;padding: 3px;margin:10px 0;line-height:1.5em;background:#FFF;border:1px solid #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;min-height:45px;height:auto !important;height:45px;width: 250px; -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.4);box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.4); } .error_login { margin-left: 140px; margin-bottom: 6px; color: #DD0000; font-size: 12px; font-weight: bold; padding: 0; width: 250px; } /* CESTA_HEADER */ #cesta_header {position: relative; float: right; right: 0; top: 0; z-index: 5001; padding-left: 10px; cursor: pointer; margin: 5px 0 0 12px; } .btn_carrito:before { font-size: 18px; text-align: center; margin-top: 1px; content: "\e116"; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#05807d; display: block; float: left; } .num_prod_carrito { color: #05807d; text-align: center; padding: 0 15px; float: left; font-size:1em; margin-top:0; } .precio_prod_carrito { color: #05807d; padding: 0 20px ; text-align: center; float: left; border-left: 1px solid #bababa; font-size:1.1em; font-weight: bold; margin-top:0;} .btn_compra_carrito { float: left; } .btn_compra_carrito a { display: block;text-decoration: none; font-weight: bold; color: #FFF;text-decoration: none; font-size: 12px; padding: 1px 18px 2px; color: #FFF; border: 1px solid #80ac11; -o-border-radius: 3px; -webkit-border-radius: 6px; -moz-border-radius: 3px; border-radius: 3px;background: #88b615; } .btn_compra_carrito a:hover { background: #7fab11; color: #FFF !important; } .btn_compra_carrito a:active {position:relative; top:1px; color: #FFF !important; } .box_carrito_desplegado { position: absolute; right: 40px; top: 34px; overflow: hidden; z-index: 88899; padding: 0; border: 1px solid #D6D6D6; width: 390px; float: right; background: #FFF; margin: 0 5px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.4); box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.4); } .box_carrito_desplegado ul {display: inline; margin-bottom: 10px; margin-top: 0; width: 100%; } .box_carrito_desplegado ul li {width: 100%; vertical-align:middle; border-bottom: 1px dashed #d2d2d2; display: table; padding: 1px 5px 5px; } .box_carrito_desplegado ul li:first-child { margin-top: 5px;} .box_carrito_desplegado ul li:last-child { border-bottom: 0 !important; } .box_carrito_desplegado .cantidad_cent_prod_ficha_despl { margin-top:10px !important; } .cerrar_carrito:before { content: "\e014"; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #414141; margin-top: 13px; float: right; width: 15px; height: 15px; display: block; cursor: pointer; } .calcular_gastos{display: block; margin-top: -5px; margin-bottom: 5px; font-size: 15px; } .codigo_descuento { font-size: 16px; text-align: center; padding: 10px 0 0; color: #757575; } #headermenu { position: relative; float: right; width: 80%;} .box_carrito_desplegado ul li img { float: left; display: block; width: 50px; height: 50px; padding: 5px 8px 5px 2px; } .box_carrito_desplegado ul li .name_prod_carrito { float: left; width: 52%; font-size: 1.3em; margin-top: 5px; display: block; } .box_carrito_desplegado ul li .name_prod_carrito span { text-decoration: none; color: #414141; display: block; overflow: hidden; font-size: 14px; max-height: 36px; min-height: 36px; min-width: 125px; } .box_carrito_desplegado ul li .name_prod_carrito a { text-decoration: none; color: #414141; display: block; overflow: hidden; font-size: 14px; max-height: 36px; min-height: 36px; min-width: 125px; } .box_carrito_desplegado ul li .name_prod_carrito a:hover { text-decoration: underline; } .cantidad_prod_carrito { float: left; width: 45px; margin: 15px 0 0 7px; } .ver_todos_carrito { text-align: center !important; font-size: 14px; display: block; } .vertodos_prod_carrito {font-size: 13px;padding: 10px 5px; border-top: 1px dashed #e7e7e7; border-bottom: 1px dashed #e7e7e7; } .price_prod_carrito { float: right; font-size: 13px; margin-top: 23px; margin-right: 4px; text-align: right; } .price_prod_carrito .precio_tachado_ficha2 { color: #818080 !important; display: block; font-size: 0.8em; line-height: 12px; margin-top: -8px !important; text-decoration: line-through;} .price_prod_carrito_resumen .precio_tachado_ficha2 { color: #818080 !important; float: left; display: block; font-size: 0.8em; line-height: 12px; margin-right: 8px; margin-top: 2px !important; text-decoration: line-through;} .precio_tachado_ficha { color:#818080 !important; font-size: 14px !important; text-decoration:line-through; margin: 0; font-weight: normal;} .precio_tachado_ficha3 { color: #818080 !important; font-size: 0.8em; line-height: 12px; text-decoration: line-through; display: block; font-weight: normal;} .price_carrito_total { border-bottom: 1px dashed #D2D2D2; padding: 12px 0 0; width: 100%; display: table;} .price_carrito_total:last-child {border-bottom: none; } .price_carrito_total p { margin: 0; padding: 0; } .left60 { width: 60%; float: left; padding-left: 10px; text-align: left; font-size: 15px; line-height: 24px; padding-bottom: 10px; } .rightt30 { width: 30%; float: right; font-weight: bold; padding-right: 10px; text-align: right; font-size: 15px; line-height:24px; padding-bottom: 10px; } .rightt30 p {font-weight: bold; } .descuento_carrito_total { background: #F8FEEA; border-top: 1px dashed #e7e7e7;color: #88B615 !important; clear: both; display: inline-table; font-size: 15px; font-weight: bold;padding: 12px 0 11px;text-align: center; width: 100%; } .price_total_carrito_final { font-size: 17px; } .text_falta_envio_gratis { color: #CC0034; line-height: 18px; font-size: 14px; } .bg_ocultar_carrito {background: #f4f4f4;; padding: 10px 0 15px; width: 100%; display: table; text-decoration: none !important; border-top: 1px solid #D0D0D0; } .bg_ocultar_carrito a { text-decoration: none !important; color: #414141; } .bg_ocultar_carrito a p { display: block; margin: 0 auto; text-align: center; height: 19px; padding-left: 25px; text-decoration: none !important; font-size: 20px; } .bg_ocultar_carrito a p:before { content: "\e113"; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #414141; font-family: 'Glyphicons Halflings'; font-size: 19px; margin-right: 5px; } #pack { background: #f8feea; padding: 0 5px; vertical-align: middle; clear: both; } #pack td { vertical-align: middle; } #pack img {height: 50px;padding: 0;width: 50px; margin-left:11px; margin-bottom: 3px;} .name_prod_carrito_pack {font-size: 1.3em;} .name_prod_carrito_pack a { color: #414141;display: inline-block; font-size: 14px; max-height: 36px; min-height: 36px; min-width: 125px; overflow: hidden; text-decoration: none; } .cerrar_carritopack {margin-top: -4px !important;background: url("../../img/new/sprite.png") no-repeat scroll left -288px transparent; cursor: pointer; display: block; float: right; height: 15px; width: 15px; } .price_prod_carritopack {margin-top: 2px !important; float: right; font-size: 13px; margin-right: 4px; } .name_prod_carrito_pack .link {text-decoration: underline;color: #006172; } #newuser-claim { background: url(/img/responsive/bg-claim2.png) no-repeat right bottom; background-color: rgba(0, 0, 0, 0.8); width: 350px; height: 180px; position: fixed;_position: absolute; right: 10px; bottom: 46px; z-index: 400; } #newuser-claim .cab-claim{font-weight: bold; color:#FFF; font-size: 1.8em; line-height: 40px; margin: 11px 0 0; display: block; padding-left: 15px;overflow: hidden;} #newuser-claim .cab-claim a {float: right; display: block; margin-right: 0; margin-top: 0px; height: 30px; width: 30px; } #newuser-claim .cab-claim a::before { font-size: 0.7em; position: relative; top: -9px; content: "\e014"; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:white;} #newuser-claim .box-claim {padding-left: 15px; font-weight: bold; padding-top: 0; text-align: center; padding-right: 10px;} #newuser-claim .box-claim p {margin-bottom: 5px; margin-top: 5px; font-weight: bold;text-align: left; font-size: 1.4em; color: white; } #newuser-claim .box-claim a {background: #DC0047; color: #FFFFFF; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display: block; float: left; font-size: 1.3em; font-weight: bold; line-height: 28px; margin: 10px auto; text-align: center; text-decoration: none; padding: 5px 15px; } #myModal .modal-content .modal-dialog { width: 100%; padding: 0; margin: 0 20px; max-width: 100%; } #myModal .modal-content .modal-dialog .modal-content { box-shadow: none; border: none; } #myModal .modal-content .modal-dialog .modal-content #ok p { font-size: 1.6em; line-height: 30px; margin: 0;} @media (max-width: 768px) { #myModal .modal-content .modal-dialog { width: auto; padding: 0; margin: 0 20px; max-width: none; } } /* CUSTOMIZE THE NAVBAR -------------------------------------------------- */ .navbar {margin-bottom: 0 } .navbar-wrapper { top: 0; left: 0; right: 0; z-index: 5000;} .navbar-wrapper .container { padding-left: 0; padding-right: 0;} .navbar-wrapper .navbar { float: right; border: none;} .navbar-inverse { background-color: white; margin-bottom: 0} .navbar-inverse .navbar-toggle .icon-bar { background-color: #FFF; } .navbar-nav > li { float: left;} .navbar-nav > li:last-child { border-right: none;} .navbar-nav > li > a { font-size: 17px; font-weight: bold; text-transform: uppercase; padding: 21px 0 10px; text-align: center; color:#414141; } .navbar-nav > li > a:hover, .navbar-nav > li > a:active, .navbar-nav > li > a:focus { color: #c4c4c4 !important; } .navbar-nav > li > a.active {color: #aaa !important; } .caret { display: none; } .dropdown-menu { font-size: 18px; list-style: none outside none; padding: 10px 0; border-bottom: 4px solid #e7507d; border-radius: 0;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #FFF; text-decoration: none; } .navbar .nav > li > .dropdown-menu::before { position: absolute; top: -9px; left: 20px; display: inline-block; border-right: 9px solid transparent; border-bottom: 9px solid #CCC; border-left: 9px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .navbar .nav > li > .dropdown-menu::after { position: absolute; top: -8px; left: 21px; display: inline-block; border-right: 8px solid transparent; border-bottom: 8px solid white; border-left: 8px solid transparent; content: ''; } .dropdown-menu_right { right: 0; left: auto; } .navbar .nav > li > .dropdown-menu_right::before { right: 20px; left: auto; } .navbar .nav > li > .dropdown-menu_right::after { right: 21px; left: auto; } .dropdown-menu li.menu_first a{ padding: 0 !important; margin-bottom: 10px; border-bottom: 1px solid #ddd;font-size: 18px; margin-left: 15px; margin-right: 15px; } .dropdown-menu li.menu_first a:hover { } .dropdown-menu li a { padding-left: 14px !important; font-size: 0.9em; } .dropdown-menu li a:hover { color: #05807d; } .dropdown-menu li a .glyphicon-chevron-right { color: #A5A5A5; font-size: 0.8em; } .nav { width: 100%; } .dropdown { margin-left: 35px; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-nav > .open > a:active { background: none; color: #de355e !important; } /* megaMenu -------------------------------------------------- */ .mega-menu { padding: 10px 0px ! important; width: 570px; border-radius: 0; margin-top: 0px;} .mega-menu_2col { width: 365px;} .mega-menu_2col_foros {width: 415px;} .mega-menu li { display: block; float: left; width: 100%;} .mega-menu li a { text-decoration: none; display: block; width: 100%;padding: 3px 20px; display: block;clear: both;font-weight: normal;line-height: 1.428571429;color: #333;white-space: nowrap;} .mega-menu li.mega-menu-column { margin-right: 20px; width: 160px;} .mega-menu .nav-header { padding: 0 !important; margin-bottom: 10px; display: inline-block; width: 100%; border-bottom: 1px solid #ddd; margin-left: 15px;} .mega-menu .nav-header a, .mega-menu .nav-header span{ margin-left: 0; padding: 0 !important; font-size: 18px; } .mega-menu .icon-warning:before {font-size: 18px;vertical-align: middle;text-align: center;content: "\e093";display: inline-block;font-family: 'dripicons';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #ba0037;margin: -3px 2px 1px 4px;} .icon-chevron-right:before { font-size: 18px;vertical-align: middle;text-align: center;content: "\e015";display: inline-block;font-family: 'dripicons';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #919191;margin: -4px 0 0 0;} .mega-menu_2col.consejos_content {width: 440px;} .mega-menu li.mega-menu-column.consejos_list {margin-right: 20px;width: 204px;} /* RESPONSIVE CSS#cesta_header -------------------------------------------------- */ .box_carrito_desplegado ul li .numericstepper1 .ui-spinner { height: 30px !Important; border-radius: 0; display: inline-table; top: -1px; left: -1px;position: relative; } .box_carrito_desplegado ul li .numericstepper1 .ui-spinner-up { top:0; left: 28px;} .box_carrito_desplegado ul li .numericstepper1 .ui-spinner-down { left: 28px; top:12px !Important} .process_productos_cesta .numericstepper .ui-spinner { height: 40px !Important; border-radius: 0; display: inline-table; top: -1px; left: -1px;position: relative; } .process_productos_cesta ul li .numericstepper .ui-spinner-up { top:2px !important ; left: 45px;} .process_productos_cesta ul li .numericstepper .ui-spinner-down { top: 18px !Important; left: 45px;} .cantidad_cent_prod_ficha .numericstepper .ui-spinner { height: 30px !Important; border-radius: 0; display: inline-table; top: -1px; left: -1px;position: relative; } .cantidad_cent_prod_ficha .numericstepper .ui-spinner-up { top:0; left: 28px;} .cantidad_cent_prod_ficha .numericstepper .ui-spinner-down { left: 28px; top:12px !Important} #pack .numericstepper1 .ui-spinner { height: 30px !Important; border-radius: 0; display: inline-table; top: -1px; left: -1px;position: relative; } #pack .numericstepper1 .ui-spinner-up { top:0; left: 30px;} #pack .numericstepper1 .ui-spinner-down { left: 30px; top:12px !Important} .process_productos_cesta #pack .numericstepper .ui-spinner { height: 40px !Important; border-radius: 0; display: inline-table; top: -1px; left: -1px;position: relative; } .process_productos_cesta #pack .ui-spinner-up { top:2px !important ; left: 45px;} .process_productos_cesta #pack .ui-spinner-down { top: 18px !Important; left: 45px;} .cantidad_cent_prod_ficha #pack .numericstepper .ui-spinner { height: 30px !Important; border-radius: 0; display: inline-table; top: -1px; left: -1px;position: relative; } .cantidad_cent_prod_ficha #pack .numericstepper .ui-spinner-up { top:0; left: 28px;} .cantidad_cent_prod_ficha #pack .numericstepper .ui-spinner-down { left: 28px; top:12px !Important} @media (max-width: 768px) { body { position: relative; } .container { padding: 0; } .navbar-nav .open { } #newuser-claim { display: none; } .hdcontent { top: 5px; height: 40px; } a#logo_content { display: table; float: none; height: 50px; margin: 0 auto; overflow: visible; position: relative; text-align: center; width: 60%; z-index: 50002;} a#logo_content::after { z-index: 5000; } #logo, #logo #logo_ma { display: block; z-index: 10; position: relative; float: none; margin:0 auto 0; top: 10px; width: 180px; height: 30px; } #top_login { display: block; float: right; background: white; } #info_contacto_top { display: none; } .login_menu {border-bottom: 1px solid #FFF !important;} .login_menu:last-child { margin-bottom: 20px;} p#loginbox { font-size: 16px; font-weight: bold; line-height: 2.4em; padding: 6px 20px 0; display: none; } .navbar-nav .login_menu { display: inline-table !important; width: 100%; } .navbar-nav .login_menu #loginbox { display: block; } p#loginbox a {color: white !important; display: inline; } p#loginbox a:first-child { padding-left: 0; padding-right: 0; } .box_carrito_desplegado ul li .numericstepper1 { width: 54px; height: 39px; } .box_carrito_desplegado ul li .numericstepper1 .ui-spinner { height: 40px !Important;} .box_carrito_desplegado ul li .numericstepper1 .ui-spinner-up { top:2px !important ; left: 35px;} .box_carrito_desplegado ul li .numericstepper1 .ui-spinner-down { top: 18px !Important; left: 35px;} .cantidad_cent_prod_ficha .numericstepper .ui-spinner { height: 40px !Important; } .cantidad_cent_prod_ficha .numericstepper .ui-spinner-up { top:6px !important; left: 45px;} .cantidad_cent_prod_ficha .numericstepper .ui-spinner-down { top:18px !Important; left: 45px; } .box_carrito_desplegado #pack .numericstepper1 .ui-spinner { height: 40px !Important;} .box_carrito_desplegado #pack .numericstepper1 .ui-spinner-up { top:2px !important ; left: 35px;} .box_carrito_desplegado #pack .numericstepper1 .ui-spinner-down { top: 18px !Important; left: 35px;} .cantidad_cent_prod_ficha #pack .numericstepper .ui-spinner { height: 40px !Important; } .cantidad_cent_prod_ficha #pack .numericstepper .ui-spinner-up { top:6px !important; left: 45px;} .cantidad_cent_prod_ficha #pack .numericstepper .ui-spinner-down { top:18px !Important; left: 45px; } .box_carrito_desplegado ul li .name_prod_carrito { width: 40%; } .img_header_user { float: none; } .favoritos_header:before { color: white !important; } .mensajes_header:before { color: white !important; } .cerrar_header:before { color: white !important; float: none; } .navbar-wrapper { margin-top: 3px; position: absolute; height: 50px; } .navbar-wrapper .container { padding: 0; } .navbar-wrapper .navbar { padding-left: 0; padding-right: 0; width: 100%; } .navbar-wrapper .navbar { border-radius: 4px; } .navbar-nav { margin: 0; } .navbar-nav > li { border-right: none; border-bottom: 1px solid #656565; } .navbar-nav > li:last-child { border:none; } .navbar-nav > li > a { text-align: left; padding-top: 13px; padding-left: 20px; font-size: 18px; color: white !important; text-transform: none;} .dropdown-menu { font-size: 16px; padding: 0; } .dropdown-menu li { margin: 0 0 0 0; padding-bottom: 6px; background: #3b3b3b; border-right: 1px solid #757575; } .dropdown-menu li a { font-size: 1em; color: white; } .mega-menu li.mega-menu-column {border-bottom: 2px solid #757575; margin-bottom: 0px;} .mega-menu_2col li.mega-menu-column:nth-child(2) {border-bottom: none; } .mega-menu li.mega-menu-column {margin-right: 0;width: 100%;} .mega-menu_2col.consejos_content {width: 100%;} .mega-menu li.mega-menu-column.consejos_list {margin-right: 20px;width: 100%;} .mega-menu li a.red { color: white !important; font-weight: bold; } .mega-menu .icon-warning:before { color: white !important; } .mega-menu-column ul li a{ color: #bababa; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-nav > .open > a:active { box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .89);} .caret { display: inline-block; } .dropdown-menu li:first-child a:hover { } .navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after { display: none; } .mega-menu { padding: 0 !Important; } .mega-menu .nav-header, .dropdown-menu .menu_first { margin-left: 0; color: white; padding: 9px 20px !important; border-bottom:1px dashed #5d5d5d; } .dropdown-menu li.menu_first a, .mega-menu .nav-header a { color: white !important;padding: 0 !important;margin-bottom: 0;border-bottom: none;font-size: 18px;margin-left: 0;margin-right: 0; } .mega-menu .nav-header a:hover, .mega-menu li a:hover, .mega-menu .nav-header span { color: white; } .navbar-inverse { background-color: #414141; border-color: #080808;} .navbar-header {background: white; } .navbar-toggle { background: #414141; float: none; display: block; z-index: 10; position: relative; margin-left: 10px; } .dropdown { width: 100%; margin-left: 0; } .navbar-collapse { padding: 0;} .login_menu { display: inline-table !important; width: 100%; } .btn_carrito:before { font-size: 29px; margin-top: 14px; } .box_carrito_desplegado { border: 1px solid #414141; } #closecookie { background:#6f6f6f; color:white; text-align: center; position: initial; bottom: 0; margin-top: 0; padding: 8px 25px 8px 10px; font-size: 9px; line-height: 1.2;} #closecookie a { color:white; } .cerrar_cookies { font-size: 1.6em;position: absolute; right: 7px; top: 3px; } #cesta_header { float: right; margin: 3px; position: absolute; width: 50px;} .btn_carrito:before { color: #414141; } #vercesta2 { width: auto; float: none; position: absolute; right: 15px; top: 0; font-size: 14px; height: 17px; overflow: hidden; width: 30px; font-weight: bold; color: #BA0037; } #vercesta3 { display: none; } .btn_carrito { background-color: white; border: none; box-shadow: none; } .btn_carrito:hover { background-color: white; } #cesta_header .btn_compra_carrito { display: none; } .box_carrito_desplegado { -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; display: table; margin: 0; position: absolute; right: 0; top: 52px; float: none; width: 100%; background: #FBFAFA; } .navbar-static-top { border-top: 0; border-left: 0; border-right: 0; } .left60{ width: 70%; font-size: 14px; } .bg_ocultar_carrito a p { background: none; width: auto; } .bg_ocultar_carrito a p:before { content: "\e113"; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Glyphicons Halflings'; font-size: 19px; margin-right: 5px; } #headermenu { position: static; } } @media (min-width: 769px) and (max-width: 991px) { .login_menu { display: none !important; } .container {width: 100%; } #top_login { height: auto; } #info_contacto_top { float: none; display: none; } } @media (min-width: 769px) and (max-width: 890px) { #info_contacto_top { float: none; display: none; } } @media (min-width: 891px) and (max-width: 991px) { #info_contacto_top { float: none; display: none; } } @media (min-width: 991px) and (max-width: 1250px) { .container {width: 100%; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (min-width: 992px) { .login_menu { display: none !important; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (min-width:769px) and (max-width: 777px) { #headermenu {width: 100%;float: left;} .navbar-wrapper .navbar {float: left;width: 100%; } .login_menu { display: none !important; } .navbar-nav > li > a { font-size: 12.5px;padding-top: 17px; } .dropdown-menu { font-size: 13px; } .dropdown {margin-left: 0; margin-right: 1.7%;} .mega-menu .nav-header a, .mega-menu .nav-header span, .dropdown-menu li.menu_first a { font-size: 15px; font-weight: bold; } .dropdown:last-child { margin-right: 0; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (min-width:778px) and (max-width: 799px) { #headermenu {width: 100%;float: left;} .navbar-wrapper .navbar {float: left;width: 100%; } .login_menu { display: none !important; } .navbar-nav > li > a { font-size: 12.5px; padding-top: 17px;} .mega-menu .nav-header a, .mega-menu .nav-header span, .dropdown-menu li.menu_first a { font-size: 15px; font-weight: bold; } .dropdown-menu { font-size: 13px; } .dropdown {margin-left: 0; margin-right: 1.9%;} .dropdown:last-child { margin-right: 0; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (min-width:800px) and (max-width: 869px) { #headermenu {width: 100%;float: left;} .navbar-wrapper .navbar {float: left;width: 100%; } .login_menu { display: none !important; } .navbar-nav > li > a { font-size: 13px;padding-top: 17px; } .mega-menu .nav-header a, .mega-menu .nav-header span, .dropdown-menu li.menu_first a { font-size: 15px; font-weight: bold; } .dropdown-menu { font-size: 13px; } .dropdown {margin-left: 0; margin-right: 2.3%;} .dropdown:last-child { margin-right: 0; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (min-width:870px) and (max-width: 919px) { #headermenu {width: 100%;float: left;} .navbar-wrapper .navbar {float: left;width: 100%; } .login_menu { display: none !important; } .navbar-nav > li > a { font-size: 14px; padding-top: 17px; } .mega-menu .nav-header a, .mega-menu .nav-header span, .dropdown-menu li.menu_first a { font-size: 15px; font-weight: bold; } .dropdown-menu { font-size: 13px; } .dropdown {margin-left: 0; margin-right: 2.4%;} .dropdown:last-child { margin-right: 0; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (min-width:920px) and (max-width: 994px) { #headermenu {width: 100%;float: left;} .navbar-wrapper .navbar {float: left;width: 100%; } .login_menu { display: none !important; } .navbar-nav > li > a { font-size: 14px; padding-top: 17px; } .dropdown-menu { font-size: 13px; } .dropdown {margin-left: 0; margin-right: 3.2%;} .dropdown:last-child { margin-right: 0; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (min-width:995px) and (max-width: 1070px) { #headermenu {width: 100%;float: left;} .navbar-wrapper .navbar {float: left;width: 100%; } .login_menu { display: none !important; } .navbar-nav > li > a { font-size: 15px; padding-top: 17px; } .dropdown-menu { font-size: 13px; } .dropdown {margin-left: 0; margin-right: 3.1%;} .dropdown:last-child { margin-right: 0; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (min-width:1071px) and (max-width: 1089px) { #headermenu {width: 100%;float: left;} .navbar-wrapper .navbar {float: left;width: 100%; } .login_menu { display: none !important; } .navbar-nav > li > a { font-size: 16px;padding-top: 17px; } .dropdown-menu { font-size: 13px; } .dropdown {margin-left: 0; margin-right: 3.2%;} .dropdown:last-child { margin-right: 0; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (width:1024px) { .dropdown { margin-right: 26px;} .dropdown:last-child { margin-right: 0; } .navbar-nav > li > a {font-size: 16px; padding-top: 17px;} } @media (min-width:1090px) and (max-width: 1154px) { #headermenu {width: 100%;float: left;} .navbar-wrapper .navbar {float: left; } .login_menu { display: none !important; } .navbar-nav > li > a { font-size: 16px; padding-top: 17px; } .dropdown-menu { font-size: 13px; } .dropdown {margin-left: 0; margin-right: 35px;} .dropdown:last-child { margin-right: 0; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (min-width:1155px) and (max-width: 1199px) { .login_menu { display: none !important; } .navbar-nav > li > a { font-size: 15px; } .dropdown-menu { font-size: 13px; } .dropdown {margin-left: 15px;} ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (min-width:1200px) and (max-width: 1289px) { .login_menu { display: none !important; } .navbar-nav > li > a { font-size: 16px; } .dropdown-menu { font-size: 13px; } .dropdown {margin-left: 15px;} ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (min-width:1290px) and (max-width: 1400px) { .login_menu { display: none !important; } .navbar-nav > li > a { font-size: 16px; } .dropdown-menu { font-size: 14px; } .dropdown {margin-left: 20px;} ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (min-width: 1500px) { .container { max-width: 1500px; } .container {width: 90%; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (min-width: 1155px) { #headercesta { position: relative; } .box_carrito_desplegado { right: -5px;} } @media (max-width: 1154px) and (min-width: 769px) { #logo, #logo #logo_ma { float: left; height: 32px; top: 0; width: 220px;} a#logo_content {position: absolute; float: none; display: inline-block;top: 7px;overflow: visible;left: 0;} #top_login {height: 44px; } #headercesta, #loginbox {margin-top: 6px; } p#loginbox {float: right;padding: 0;} .img_header_user {margin-right: 0; } p#loginbox a { padding: 0 5px; } p#loginbox strong { margin-right: 0; } #cesta_header { float: right; margin: 3px; position: relative; width: 40px;} .btn_carrito:before { color: #414141; margin-top: 3px;font-size: 23px; } #vercesta2 { color: #ba0037; float: none; font-size: 14px; font-weight: bold; height: 17px; overflow: hidden; padding: 0; position: absolute; right: 5px;text-align: center; top: -10px; width: 25px;} #vercesta3 { display: none; } .btn_carrito { background-color: white; border: none; box-shadow: none; } .btn_carrito:hover { background-color: white; } #cesta_header .btn_compra_carrito { display: none; } .box_carrito_desplegado { right: 16px; top: 43px;} } @media (max-width: 1154px) and (min-width: 1099px){ a#logo_content {position: absolute; float: none; display: inline-block;top: -3px;overflow: visible;left: 0;} } /*HOME MUNDOANIMALIA -------------------------------------------------- */ /* Home Page Carousel */ #banner_home .carousel { height: 450px; margin-bottom: 0; /*height: 50%;*/} #banner_home .carousel .item, #banner_home .carousel .item.active,#banner_home .carousel .carousel-inner { height: 100%;} #banner_home .carousel .fill { width: 100%; height: 100%; background-position: center; background-size: cover;} #banner_home .carousel-inner > .item { } #banner_home .carousel-caption { left: 5%; padding-bottom: 30px; right: 5%; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);} #banner_home .carousel-caption { top: 20px; bottom: auto; } #banner_home .carousel-caption h2{ font-size: 65px; text-align: left; margin-top: 0; font-weight: bold; } #banner_home .carousel-caption ul li { text-align: left; } #banner_home .carousel-caption ul li a{ font-size: 34px; color: white; background-color: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ background-color: rgba(0, 0, 0, 0.6); display: table; margin-bottom: 10px; padding: 6px 20px 8px; text-align: left; } #banner_home .carousel-caption ul li a:hover, #banner_home .carousel-caption ul li a:active, #banner_home .carousel-caption ul li a:focus { text-decoration: none; background-color: rgb(186, 0, 55); /* RGBa with 0.6 opacity */ background-color: rgba(186, 0, 55, 0.6); } #banner_home .carousel-caption ul li a:active { position: relative; top: 2px; text-decoration: none; } #banner_home .banner0 { background-image: url("/img/responsive/home/banner5.jpg"); } #banner_home .banner1 { background-image: url("/img/responsive/home/banner1.jpg"); } #banner_home .banner2 { background-image: url("/img/responsive/home/banner2.jpg"); } #banner_home .banner3 { background-image: url("/img/responsive/home/banner3.jpg"); } #banner_home .banner4 { background-image: url("/img/responsive/home/banner4.jpg"); } #banner_home .banner5 { background-image: url("/img/responsive/home/banner_plusvet.jpg"); background-position: right center !important;} #banner_home .banner5_home .title_banner5 { text-align: center; margin-top: 0px; font-size: 70px;} #banner_home .banner5_home .explic_banner5{ font-size: 42px; color: white; text-shadow: 3px 3px 5px rgba(0,0,0, 1); text-align: center; margin-top: 0;} #banner_home .banner5_home .btn-primary { font-size: 2.2em; border: 1px solid #b2dad9; margin-top: 10px; background: #de633c; } @media (max-width: 1600px) { #banner_home .banner5_home .title_banner5 { font-size: 60px; } } @media (max-width: 1300px) { #banner_home .banner5_home .title_banner5 { font-size: 52px; } #banner_home .banner5_home .explic_banner5 {font-size: 37px; } } @media (max-width: 1050px) { #banner_home .banner5_home .explic_banner5 {font-size: 35px; } #banner_home .banner5_home .btn-primary {font-size: 1.6em; } } @media (max-width: 1024px) { #banner_home .banner5_home .title_banner5 { font-size: 48px; } #banner_home .banner5_home .explic_banner5 {font-size: 35px; line-height: 37px; } } @media (max-width: 900px) { #banner_home .banner5_home .title_banner5 { font-size: 44px; line-height: 45px;} #banner_home .banner5_home .explic_banner5 {font-size: 30px; line-height: 30px; } } @media (max-width: 768px) { #banner_home .banner5_home .title_banner5 { font-size: 40px; } #banner_home .banner5_home .explic_banner5 {font-size: 28px; } #banner_home .banner5 { background-image: url("/img/responsive/home/banner_plusvet_small.jpg"); background-position: left center !important; } } @media (max-width: 600px) { #banner_home .banner5_home .title_banner5 { font-size: 35px; } #banner_home .banner5_home .explic_banner5 {font-size: 24px; } } @media (max-width: 550px) { #banner_home .banner5_home .title_banner5 { font-size: 32px; } #banner_home .banner5_home .explic_banner5 {font-size: 22px; } } @media (max-width: 480px) { #banner_home .banner5_home .btn-primary {font-size: 1.2em; } #banner_home .banner5_home .title_banner5 {font-size: 30px;line-height: 30px;} #banner_home .banner5_home .explic_banner5 {font-size: 19px;} } @media (max-width: 400px) { #banner_home .banner5_home .btn-primary { margin-top: 0; } #banner_home .banner5_home .title_banner5 { font-size: 29px; } } #home_ma .link_seguir {font-family: arial;color: #05807d;text-decoration: none;text-align: center;float: none; margin: 14px auto; display: table;margin-bottom: 14px;padding-bottom: 3px;line-height: 20px; border: 2px solid #05807d; padding: 10px;font-size: 19px;font-weight: normal; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } #home_ma .link_seguir:hover {background: #05807d; color: white !important; } #home_ma .link_seguir a:hover { color: white !important; } .mosaic_home { margin-bottom: 5px; } .consejo_home { display: block; } .consejo_home .media img {width: 150px;height: 150px; } .bg_comunidad_home { background: #f9f9f9; padding: 0; border-bottom: 2px solid #ECE9E9; text-align: left; padding-bottom: 17px; } .integrado_home { text-align: right; float: right; } .mosaic_home a:hover { text-decoration: none; } @media (max-width: 1450px) { .integrado_home { float: left;} .consejo_home { width: 100%; clear: both; padding-top: 0; } } @media (max-width: 1200px) and (min-width: 769px) { .consejo_home .media img {width: 100px;height: 100px; } } @media (max-width: 768px) { .bg_divis_home_articulos .container, .bg_comunidad_home .container{ padding: 0 10px; } .consejo_home .media img {width: 75px;height: 75px; } .consejo_home { padding-top: 0; } } @media (min-width: 1600px) { #banner_home .carousel { height: 500px; margin-bottom: 0;} } @media (max-width: 1300px) and (min-width: 769px) { #banner_home .carousel-inner {width: 100%; margin-left: 0;} } .cachorros_disponibles_home li { width: 20%; float: left; } .img_cachorros_home { float: left; margin-right: 10px; width: 52.5%; } .cachorros_disponibles_home ul.padres_cachorro_home li { float: left; width: 33%; } .cachorros_disponibles_home ul.padres_cachorro_home li img { float: left; width: 74%; margin-bottom: 10%; } .cachorros_disponibles_home .title_criador { clear: both; font-size: 18px; margin-bottom: 2px; margin-right: 30px; } .cachorros_disponibles_home .price_cachorro_home { clear: both; font-size: 24px; margin-bottom: 2px; font-weight: bold; margin-right: 30px; } .cachorros_disponibles_home .price_cachorro_home span {font-size: 0.8em; } @media (max-width: 950px) and (min-width: 800px) { .img_cachorros_home { width: 80%; } .cachorros_disponibles_home ul.padres_cachorro_home { display: none; } } @media (max-width: 799px) and (min-width: 700px) { .img_cachorros_home { width: 80%; } .cachorros_disponibles_home .title_criador { clear: both; font-size: 16px; margin-bottom: 2px; margin-right: 30px; } .cachorros_disponibles_home ul.padres_cachorro_home { display: none; } .cachorros_disponibles_home .price_cachorro_home { clear: both; font-size: 20px; margin-bottom: 2px; font-weight: bold; margin-right: 30px; } } @media (max-width: 699px) and (min-width: 450px) { .cachorros_disponibles_home li { width: 33%; float: left; margin-bottom: 10px; min-height: 177px; } .img_cachorros_home { width: 80%; } .cachorros_disponibles_home .title_criador { clear: both; font-size: 16px; margin-bottom: 2px; margin-right: 30px; } .cachorros_disponibles_home ul.padres_cachorro_home { display: none; } .cachorros_disponibles_home .price_cachorro_home { clear: both; font-size: 20px; margin-bottom: 0; font-weight: bold; margin-right: 30px; } } @media (max-width: 449px) and (min-width: 0px) { .cachorros_disponibles_home li { width: 50%; float: left; margin-bottom: 15px; min-height: 160px; } .img_cachorros_home { width: 80%; } .cachorros_disponibles_home .title_criador { clear: both; font-size: 16px; margin-bottom: 2px; margin-right: 20px; } .cachorros_disponibles_home ul.padres_cachorro_home { display: none; } .cachorros_disponibles_home .price_cachorro_home { clear: both; font-size: 18px; margin-bottom: 0; font-weight: bold; margin-right: 20px; } } .bg_divis_home .lista_criadores_5 li { background: white; margin-bottom: 20px; } .profess_top_inner {position: relative;width: 100%;overflow: hidden; margin: 20px 0 15px; } .lista_criadores_6 { width: 100%; display: table; max-height: 100%; border:2px solid #ece9e9;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .lista_criadores_6:empty { display: none; } .lista_criadores_6 li {display: table-cell; padding: 10px 20px; height: 100%;position: relative; width: 15%;margin-right: 2%;vertical-align: top;} .lista_criadores_6 li{ background:#f1f1f1; border-right: 2px solid #ece9e9;} .lista_criadores_6 li:last-child { border-right: 0; } .lista_criadores_6 .thumbnail { border: 0; background: white; margin-bottom: 8px; height: 160px; position: relative;} .lista_criadores_6 .thumbnail img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .lista_criadores_6 li:last-child { margin-right: 0 !important; } .lista_criadores_6 li p { margin: 5px 0; font-size: 13px; color: #414141; overflow: hidden; display: block; } .lista_criadores_6 li p span { font-size: 14px;} .lista_criadores_6 li p a { font-size: 15px; text-decoration: underline; line-height: 18px; max-height: 39px; display: block; overflow: hidden; } .link_phone_list { font-weight: normal; text-decoration: underline; color: #006764; } @media (max-width: 1350px) { .lista_criadores_6 li { padding: 10px; } } @media (max-width: 1023px) { .profess_top_inner { display: none; } } .bg_divis_home_no { background: #FFF; padding: 20px 0; } .bg_divis_home_articulos { background: #FFF; padding: 0 0 30px; } .bg_divis_home_articulos h4.titles_home { text-align: left; } .bg_divis_home { background: #f1f1f1; padding: 20px 0; border-top: 2px solid #ECE9E9; border-bottom: 2px solid #ECE9E9; } .bg_publi_home { background: #f9f9f9; padding: 0; border-bottom: 2px solid #ECE9E9; text-align: center; } .bg_publi_home2 { background: #f1f1f1; padding: 0; border-bottom: 2px solid #ECE9E9; text-align: center; } .bg_publi_home .publi_center, .bg_publi_home2 .publi_center{ margin: 0 auto !important; } #div-gpt-ad-1429007439268-0, #div-gpt-ad-1429007344478-0 { padding: 15px 0; } .bg_divis_home h4 { margin-top: 15px; } .mosaic_home a { width: 8.7%; display: inline-block; margin: 0 1% 2% 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; border: 2px solid #ece9e9; overflow: hidden; } .mosaic_home a img{ width: 100%; height: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%;} .nombre_razas_dest { font-size: 1.4em;} .img_razas { width: 26%; float: left; } .img_razas_mas { display: none;} .razas_home { padding-bottom:0; display: table; width: 74%; float: left; } .razas_home h4.titles_home { margin-top: 10px; } .razas_home ul li { width: 23%; margin-right: 2%; float: left; } .razas_home .link_seguir { float: left; margin-top: 20px; clear: both; } .title_razas, .title_productos_home { font-size: 1.3em; color: #444; margin-bottom: 10px; display: block; } .title_productos_home_margin {font-size: 1.3em; color: #444; margin: 18px 0 10px; display: block; } .razas_home li p, .productos_home li p {margin-bottom: 7px; } .bg_divis_home .scrollable_cachorros .items .item { background: #f1f1f1; } .productos_home li { width: 23.5%; margin-right: 2%; float: left; } .productos_home li:last-child {margin-right: 0; } #tags_home { display: table; margin: 0 auto; text-align: center; padding-top: 35px; } #tags_home li { display: inline-table; margin-right: 5px; text-align: center; } .desk_banner { display: block; } .tablet_banner { display: none; } .mobile_banner { display: none; } .mobile_banner_small { display: none; } @media (max-width: 1024px){ .desk_banner { display: none; } .tablet_banner { display: block; } .mobile_banner { display: none; } .mobile_banner_small { display: none; } } @media (max-width: 768px){ .desk_banner { display: none; } .tablet_banner { display: none; } .mobile_banner { display: block; } .mobile_banner_small { display: none; } .bg_divis_home_articulos h4.titles_home { text-align: center; } } @media (max-width: 480px){ .desk_banner { display: none; } .tablet_banner { display: none; } .mobile_banner { display: none; } .mobile_banner_small { display: block; width: 300px; height: 420px; } } @media (max-width: 1315px){ .mosaic_home a{ width: 8.6%;margin: 0 1% 2% 0;} } @media (max-width: 950px){ .mosaic_home a{ width: 17%;margin: 0 2.5% 3% 0;} } @media (max-width: 680px){ .mosaic_home a{ width: 17%;margin: 0 2% 3% 0;} } @media (max-width: 365px){ .mosaic_home a{ width: 16%;margin: 0 2% 3% 0;} } @media (min-width: 1351px) { #banner_home .only1350 { display: none; } #banner_home .no1350 { display: block; } } @media (max-width: 1350px) { #banner_home .only1350 { display: block; } #banner_home .no1350 { display: none;} } @media (max-width: 1000px) and (min-width: 901px) { #banner_home .carousel-caption h2.only1350 { font-size: 60px;} } @media (max-width: 1150px) { .img_razas img { width: 100%; } .razas_home ul li { width: 48%; } } @media (max-width: 1000px) { .bg_divis_home_no #banner_cat { display: none; } .banner_home { padding: 0; } } @media (max-width: 768px) and (min-width: 689px) { .bg_divis_home, .padding_prods_home { padding: 15px; } .productos_home { width: 100%; } .productos_home li { width: 100%; margin-right: 0; float: left; } #banner_home .nodesk { display: block; } #banner_home .nomvl { display: none; } } @media (max-width: 687px) { .razas_home ul li { width: 100%; } .img_razas { position: relative; display: block; font-size: 15px; line-height: 1.1; margin-bottom: 5px; } .img_razas.ellipsed{ display: -webkit-box; height: 50px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .img_razas_mas{ display: block; float: right; width: 100%; font-weight: 400; color: #05807d; text-align: center; margin-bottom: 15px; } .razas_home { width: 100%; } .productos_home { width: 100%; } .productos_home li { width: 100%; margin-right: 0; float: left; } .bg_divis_home, .padding_prods_home { padding: 15px; } .bg_divis_home_articulos .col-md-6 { clear: both; } } @media (max-width: 900px) { #banner_home .carousel-caption h2{ font-size: 40px; text-align: left; } #banner_home .carousel-caption ul li { text-align: right; } #banner_home .carousel-caption ul li a{ font-size: 25px; color: white; } #banner_home .carousel { height: 340px; margin-bottom: 0; /*height: 50%;*/} } @media (max-width: 768px) { #banner_home .banner1 { background-image: url("/img/responsive/home/banner1_small.jpg"); } #banner_home .banner2 { background-image: url("/img/responsive/home/banner2_small.jpg"); background-position: right !important; } #banner_home .banner3 { background-image: url("/img/responsive/home/banner3_small.jpg"); } #banner_home .banner4 { background-image: url("/img/responsive/home/banner4_small.jpg"); } #banner_home .banner0 { background-image: url("/img/responsive/home/banner5_small.jpg"); } #banner_home .banner5 { } .title_gatos { padding-top: 25px; } #banner_home .carousel-indicators li {width: 14px; height: 14px; margin: 2%; } .bg_divis_home .lista_criadores_5 li:nth-child(4) { margin-right: 0; float: right; } .bg_divis_home .lista_criadores_5 li:nth-child(5) { margin-right: 0; float: right; } .bg_divis_home_no .lista_productos_5 li:last-child { display: none; } } @media (width: 768px) { .bg_divis_home .lista_criadores_5 li{ height: 85px; } } @media (width: 1024px) { .bg_divis_home .lista_criadores_5 li { width: 18.4%; margin-right: 2%; } .bg_divis_home .lista_criadores_5 li:nth-child(4) { margin-right: 3%; } .padding_prods_home .lista_productos_5 li { margin-right: 2%;} } @media (max-width: 1000px) and (min-width: 769px) { .padding_prods_home .lista_productos_5 li { width: 23.4%; margin-right: 2%; } .padding_prods_home .lista_productos_5 li:nth-child(4) { margin-right: 0; } } @media (max-width: 768px) and (min-width: 550px) { .bg_divis_home .lista_criadores_5 { display: block; } .bg_divis_home .lista_criadores_5 li{ width: 49%; } .bg_divis_home .lista_criadores_5 li:nth-child(even) { margin-right: 0; } .bg_divis_home .lista_criadores_5 li .tcenter { display: none; } .bg_divis_home h4 { margin-top: 0; } .padding_prods_home .lista_productos_5 li { width: 48%; margin-bottom: 20px; } .padding_prods_home .lista_productos_5 li:nth-child(even) { margin-right: 0; } } @media (max-width: 549px) and (min-width: 401px) { .bg_divis_home .lista_criadores_5 { display: block; } .bg_divis_home .lista_criadores_5 li { width: 49%; } .bg_divis_home .lista_criadores_5 li:nth-child(even) { margin-right: 0; } .bg_divis_home .lista_criadores_5 li .tcenter { display: none; } .bg_divis_home h4 { margin-top: 0; } .bg_divis_home .lista_criadores_5 .imagen_princ_dest {margin: 10px auto 6px;width: 92%;height: auto;} .padding_prods_home .lista_productos_5 li { width: 48%; margin-bottom: 20px; margin-right: 3%; } .padding_prods_home .lista_productos_5 li:nth-child(even) { margin-right: 0; } } @media (max-width: 768px) and (min-width: 401px) { #banner_home .only400 { display: none; } #banner_home .no400 { display: block; } } @media (max-width: 400px) { .bg_divis_home .lista_criadores_5 { display: block; } .bg_divis_home .lista_criadores_5 li { width: 100%; } .bg_divis_home .lista_criadores_5 li .tcenter { display: none; } .padding_prods_home .lista_productos_5 li { width: 100%; margin-bottom: 20px; margin-right: 0%; } .padding_prods_home {padding: 0 15px;} #banner_home .carousel-caption ul li a { color: white; font-size: 22px;} #banner_home .carousel-caption ul li a { padding: 5px 16px 7px;} #banner_home .banner1 { background-image: url("/img/responsive/home/banner1_small.jpg"); background-position: 35% center !important; } #banner_home .only400 { display: block; } #banner_home .no400 { display: none; } } /* nube de tags */ #tags{text-align:left;padding:5px 10px;margin:5px 0 12px;} #tags a {line-height:28px;} #tags a, #tags a:visited {text-decoration:none;padding:3px;} #tags a:hover {color:#cc0033; text-decoration:underline;} #tags a.t1 {font-size:11px;} #tags a.t2 {font-size:14px;} #tags a.t3 {font-size:16px;} #tags a.t4 {font-size:18px;line-height:1.4em;} #tags_home { display: table; margin: 0 auto; text-align: center; padding-top: 35px; } #tags_home li { display: inline-table; margin-right: 5px; text-align: center; } /* CONTENT_RAZAS -------------------------------------------------- */ .wide { width:100%; } .smalltitle { border-bottom: 2px solid #ECE9E9 !important; clear: both; font-family: 'Oswald',sans-serif; font-size: 32px; font-weight: normal; line-height: 38px; margin: 30px 0 15px; padding-bottom: 5px; } .glyphicon-search { -moz-transform: scaleX(-1); /* Firefox */ -o-transform: scaleX(-1); /* Opera */ -webkit-transform: scaleX(-1); /* Chrome y Safari */ transform: scaleX(-1); /* w3org */ filter: FlipH; /* Internet Explorer */ } .cabecera {margin:5px 0 0; line-height:1.4em;font-weight:normal;font-size:1.1em;} .cabecera .strong,.cabecera h1, .cabecera h2, .cabecera h3, .cabecera h4 { font-size: 1em; display:inline;padding:0;border:none;} .cabecera h2 {font-size: 1em; } .title_princ { font-size: 35px; font-family: 'Oswald', sans-serif; float: left; } .title_number { font-size: 25px; } .subh1 { display: inline-block; } .subh1 h3{ font-size: 17px; display: inline-block; margin: 0; } .subh2 { display: none; } .tabs_razas { width: 100%; clear: both; margin:0 0 13px; padding: 0; display: inline-table; } .tabs_razas li { width: 33.33%; float: left; text-align: center; background: #eeeeee; border: 2px solid #d3d3d3; font-size: 20px; } .tabs_razas li:nth-child(2) { border-left: none; border-right: none; } .tabs_razas li.active { border-top: 3px solid #CC0033; border-bottom: none; background: white; } .tabs_razas li a{ color: #a5a5a5; text-decoration: none; padding: 10px 0; display: block; } .tabs_razas li.active #linklista, .tabs_razas li.active #linkgaleria, .tabs_razas li.active #linkbuscar { color:#414141; text-decoration: none; cursor: default; } .text_tabs1 { } .text_tabs2 { display: none; } .razas_patrocinadas_listado { display: inline-block; width: 100%; clear: both; background: #fbfafa; border: 1px solid #ece9e9; margin-bottom: 15px; padding: 10px; } .razas_patrocinadas_listado img { } .razas_patrocinadas_listado .img_criador_listado { position: relative; width: 48%; float: left; } .razas_patrocinadas_listado .img_criador_listado:last-child { float: right; } .razas_patrocinadas_listado .img_criador_listado:only-of-type { float: left; } .razas_patrocinadas_listado .img_criador_listado img { margin: 0; padding: 0; float: left; width: 90px; margin-right: 12px; } .razas_patrocinadas_listado .img_criador_listado .ribbon { position: absolute; left: 0px; top: 1px;} .razas_patrocinadas_listado .img_criador_listado .title_raza_patrocinada {margin-bottom: 0; } .razas_patrocinadas_listado .img_criador_listado .title_raza_patrocinada a{ font-size: 1.2em; color: #05807d;} .razas_patrocinadas_listado .title_patrocinadas_razas { font-size: 1.4em; padding-bottom: 5px; border-bottom: 1px solid #ece9e9; } .razas_patrocinadas_listado .img_criador_listado img.pedigree_otros { float: right; width: 55px; margin:0 0 0 30px; } .scroller_anchor{height:0px; margin:0; padding:0;} .scroller{ z-index:100; background: #e6e4e4;} .box_buscador_raza { border-bottom: 3px solid #CC0033; border-left: 2px solid #d3d3d3; border-right: 2px solid #d3d3d3; margin-top: -15px; padding: 30px; margin-bottom: 15px;} #placeholdprod, .placeholdprod { background: none repeat scroll 0 0 #FBFAFA; border: 1px solid #D6D6D6; border-radius: 5px;color: #888888; font-size: 16px; padding: 8px 10px 7px; width: 85%; } #placeholdprod::-webkit-input-placeholder, .placeholdprod::-webkit-input-placeholder { color:gray; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #placeholdprod::-moz-placeholder, .placeholdprod::-moz-placeholder { color:gray; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #placeholdprod:-moz-placeholder, .placeholdprod:-moz-placeholder { color:gray; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #placeholdprod:focus::-webkit-input-placeholder, .placeholdprod:focus::-webkit-input-placeholder {color:transparent;} #placeholdprod:focus::-moz-placeholder, .placeholdprod:focus::-moz-placeholder {color:transparent;} #placeholdprod:-moz-placeholder, .placeholdprod:-moz-placeholder {color:transparent;} .submit_buscar { float: right; width: 13%; padding: 8px 10px 7px; color: white; background:#88b615; border: 2px solid #80ac11; border-radius: 6px; display: block; font-size: 14px; font-weight: bold; margin-top: 0px; text-decoration: none; text-transform: uppercase; } .box_buscador_criadores .submit_buscar { background: #414141; border: 2px solid #4d4d4d; padding: 7px 10px 6px;} .suggest_box {width:84%; position: relative;} #suggestlist {width:100%;background:#F2FAFB;z-index:22;position:absolute;line-height:130%;border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6; margin-left:5px; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.4); } #suggestlist li {border-bottom:1px solid #D6D6D6;float:left;padding:8px 0;width:100%;} #suggestlist li img {padding:0 5px;margin-left:-70px;float:left;} #suggestlist li a {padding-left:70px;display:block;text-decoration:none; } #suggestion_list li a:hover {color: #fff; } #suggestlist li strong {color:#414141; font-weight:bold;font-size:105%;} #suggest input.submit.brown {margin-top:-3px;padding-bottom:5px;padding-bottom:3px;float:left;width:88px;height:26px;border:none;font-weight:bold;font-family:Verdana;background:url(/img/button-searchbrown.gif) no-repeat left top;color:#fff;cursor:pointer;} .col-md-8 { padding: 0; } .col-md-4 { padding: 0; margin-top: 30px;} .col-lg-3 { padding: 0; margin-top: 30px;} .searchresults { margin-top: 30px; } .searchresults img { float: left; margin-right: 15px; margin-bottom: 15px; margin-left: -160px; } .searchresults li { clear: both; padding-left: 160px; margin-right: 45px; border-bottom: 2px dotted #ECE9E9; } .searchresults li p { color: #414141; } .searchresults li p a { color: #414141; } .searchresults li p a:hover { text-decoration: none; } .searchresults li a:hover { text-decoration: none; } .leer_mas_razas { color: #05807d; line-height: 32px; float: right; font-size: 1.2em; } .leer_mas_razas2 { display: none; } .searchresults li h3:hover, .leer_mas_razas:hover { text-decoration: underline; cursor: pointer; } .precio_lista_productos_5 { width: 85px; float: left; } .btn_agregar_carrito a { width: 100px; float: right; margin-top: 5px; display: block;text-decoration: none !important; color: #FFF; font-weight: bold; text-align: center; text-decoration: none; font-size: 18px; padding: 5px 0 4px;border: 2px solid #7da811; -o-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #88B615; } .btn_agregar_carrito a:hover {background: #79a114; } .btn_agregar_carrito a:active {position:relative; top:1px; } #content_filters_criadores_full .searchresults { padding: 10px 0 0; width: auto; display: table; clear: left;} #searchresults_horiz.btn_agregar_carrito a { width: 125px; } .tienda_link_seguir { border-bottom: 1px dashed #05807d;color: #05807d !important; display: inline-block; float: right; font-family: 'Oswald',sans-serif; font-size: 22px; font-weight: normal; line-height: 20px; margin-bottom: 14px; margin-top: 12px; padding-bottom: 3px; text-align: right; text-decoration: none; } .subh2 { width: 100%; display: none; background: #f8f3f3; padding: 15px 0; border-bottom: 2px solid #cccccc; border-top: 2px solid #cccccc; } .subh2 h3 { margin: 10px 15px; border: 2px solid #cccccc; font-size: 17px; font-weight: bold; text-align: center; border-radius: 5px; background: #fcfcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fcfcfc 0%, #d4d4d4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #d4d4d4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfcfc 0%, #d4d4d4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfcfc 0%, #d4d4d4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fcfcfc 0%, #d4d4d4 100%); /* IE10+ */ background: linear-gradient(to bottom, #fcfcfc 0%, #d4d4d4 100%); /* W3C */ } .subh2 h3 a { color: #626262; padding: 15px 10px 14px; display: block; text-decoration: none; } .subh2 h3 a:hover {text-decoration: none; } .subh2 h3:hover { background: #d4d4d4; /* Old browsers */ background: -moz-linear-gradient(top, #d4d4d4 0%, #fcfcfc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d4d4d4 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d4d4d4 0%,#fcfcfc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d4d4d4 0%,#fcfcfc 100%); /* IE10+ */ background: linear-gradient(to bottom, #d4d4d4 0%,#fcfcfc 100%); /* W3C */ } .publi_mobile { display: none; text-align: center; } .publi_mobile img { width: 240px; height: 40px; margin: 0 auto; } /* paginacion */ .paginacion {clear:both;padding: 15px 0;margin: 10px;text-align:center; font-size: 18px;} .paginacion a { font-weight: bold; padding: 10px 15px;margin: 2px;border: 1px solid #d7d6d6;text-decoration: none; border-radius: 3px;/* no underline */ color: #717171; background: #f2f2f2; /* Old browsers */ background: -moz-linear-gradient(top, #f2f2f2 100%, #e0e0e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#f2f2f2), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f2f2 100%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f2f2 100%,#e0e0e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f2f2 100%,#e0e0e0 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f2f2 100%,#e0e0e0 100%); /* W3C */ } .paginacion a:hover,.paginacion a:active {border: 1px solid #d7d6d6;color: #666; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .paginacion span.current {font-weight: bold;border: 1px solid #d7d6d6; padding:10px 15px;margin: 2px;background: #49b9b3 !important; color: #FFF; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .paginacion a.disabled {border: 1px solid #EEE; cursor: pointer; background: white !important;color: #aaaaaa; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #content .paginacion.gris {margin:0;background:#efefef;clear:none;} .paginacion.gris {padding:8px;} .paginacion.gris .current {background-color: #515151;} .paginacion.gris a.current {color:#fff;cursor:default;} .paginacion.gris a.disabled:hover, .paginacion.gris a.disabled:hover {border:1px solid #EEE;color: #DDD;cursor:default;} #content .tres .paginacion {margin:0; padding: 3px 0 0 0; clear: none;} .intro {font-size:0.9em; padding: 15px; display: inline-table; clear: both; line-height: 15px;margin: 20px 0 30px; background:#FBFAFA; border: 2px solid #ECE9E9; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} p.intro a,p.intro_razas a:hover,p.intro_razas a:visited {color:#414141;} .text p.intro {padding: 10px; } .leaderboard {background: #efefef;margin: 5px 10px 7px;padding: 8px 5px;text-align: center; clear: both; } .leaderboard_galeria { border: none !important; padding: 0px 5px 10px !important; } .leaderboard div { margin: 0 auto; } .razas_mas_buscadas { font-size: 18px; } .razas_mas_buscadas .col-md-4 { margin-top: 0; } #razas_listado_mvl { display: none; } #razas_listado_mvl .lista_productos_4_horiz { display: none; } .lista_productos_4_horiz { width: 100%; } .vertical_prods_raza { width: 100% !important; float: right !important; margin-top: 13px;} .vertical_prods_raza li { width: 100%; float: left !important; } .lista_productos_4_horiz li { float: left; border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #ece9e9; height: 155px; width: 100%;; margin-right: 2%; margin-bottom: 3%; } .lista_productos_4_horiz li img { margin: 8px; display:block; width: 80px; float: left; } .lista_productos_4_horiz li:last-child { margin-right: 0 !important; } .lista_productos_4_horiz li p { margin: 0 2px 0 10px; font-size: 16px; color: #414141; } .lista_productos_4_horiz li p a { font-size: 15px; text-decoration: underline; line-height: 18px; max-height: 39px; display: block; overflow: hidden; } .lista_productos_4_horiz li p.precio_tachado_ficha { font-size: 12px !important; } /* HOME RAZAS ----------------------------------------------------------------------------------------------------------------------------------------------------------- */ .title_home_razas {float: left;font-size: 32px;font-weight: inherit;letter-spacing: 0;margin-bottom: 10px;margin-top: 16px;padding-bottom: 0;width: auto; } .title_home_razas .registrate_comunidad_tit {color: #777;width: auto;margin-top: 0;display: block;padding-top: 10px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 0.7em;} .title_home_razas .registrate_comunidad_tit .icon-camera:before {font-size: 1.1em; position: relative; top: 3px; margin-right: 4px; } #home_razas h4 { border-bottom: none; font-size: 2.2em;} .buscador_section { margin-top: 5px; margin-bottom: 10px; width: 100%;} .tit_buscador_section { color: #333; font-family: 'Oswald',sans-serif; font-size: 24px; font-weight: normal; padding-bottom: 12px; } .unete_comunidad_box {background: url(/img/new/unete_comunidad.jpg) no-repeat center center; width: 485px; height: 155px; float: right; margin-right: -26px; margin-top: -28px; } .cat_home_razas { clear: both; } .cat_home_razas li {width: 23%; margin-right: 2.5%; border: none; float: left; margin-bottom: 20px; } .cat_home_razas li:last-child { margin-right: 0; } .cat_home_razas li .raza_foto_cat { width: 100%; height: 250px; display: block; border: 2px solid #ECE9E9; } .cat_perros_peq_perros .raza_foto_cat { background: url(/img/responsive/razas/perros_peq.jpg) no-repeat center center; } .cat_perros_med_perros .raza_foto_cat { background: url(/img/responsive/razas/perros_med.jpg) no-repeat scroll center;} .cat_perros_gran_perros .raza_foto_cat { background: url(/img/responsive/razas/perros_gran.jpg) no-repeat scroll center;} .cat_perros_gig_perros .raza_foto_cat { background: url(/img/responsive/razas/perros_gig.jpg) no-repeat scroll center;} .cat_gatos_corto .raza_foto_cat { background: url(/img/responsive/razas/gatos_corto.jpg) no-repeat center center; } .cat_gatos_semi .raza_foto_cat { background: url(/img/responsive/razas/gatos_semi.jpg) no-repeat scroll center; } .cat_gatos_largo .raza_foto_cat { background: url(/img/responsive/razas/gatos_largo.jpg) no-repeat scroll center; } .cat_gatos_rizado .raza_foto_cat { background: url(/img/responsive/razas/gatos_rizado.jpg) no-repeat scroll center; } .cat_home_razas li a.tile_razas { width: 100%; height: 325px; text-decoration: none; display: block; padding-top: 22px; margin-left: 0; } .cat_home_razas li a p { text-decoration: none !important; color: #05807d; text-align: left; font-family: 'Oswald',sans-serif; text-transform: uppercase; font-size: 1.7em; line-height: 22px; padding-top: 15px; padding-left: 0; padding-bottom: 0; } .box_descrip_cat_perros { width: 23%; float: left; padding-left: 0; margin-right: 2%; } .box_raza_popular_home { /*height: 267px;*/ overflow: hidden; font-size: 13px; line-height: 18px; width: 70%; float: left; padding-left: 360px; } #home_razas .box_raza_popular_home .link_seguir { float: left; } .princ_photo_raza_popular_home { float: left; width: 355px; margin-right: 20px; margin-left: -355px;} .raza_dest_tit {font-size: 2.5em; margin-bottom: 15px; margin-top: 4px; } .descrip_raza_dest { height: 72px; display: block; overflow: hidden; font-size: 1.1em; } .caract_raza_dest { font-size: 15px; margin-top: 20px; line-height: 20px; height: 40px; overflow: hidden;} .lista_sec_photo_raza_popular_home {margin-top: 18px;padding: 0;display: table-cell;width: 100%; } .lista_sec_photo_raza_popular_home li { float: left; padding-top: 20px; margin-right: 15px; overflow: hidden; } .sec_photo_raza_popular_home { width: 62px; } .cantidad_blablaba {display: table; font-size: 1.2em; margin-right: 20px; padding-top: 10px; } .cantidad_fotos_raza_popular {display: table-cell; vertical-align: bottom; } .list_razas_destacadas_home { margin-bottom: 20px; padding: 0; } .list_razas_destacadas_home li {float: left; margin-bottom: 30px; line-height: 30px; margin-right: 2.5%; border: 2px solid #ece9e9; width: 23%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .list_razas_destacadas_home li:last-child { margin-right: 0 !important; } .list_razas_destacadas_home li a img { display: block; margin: 14px auto; width: 90%; } .parraf_razas_dest { margin: 14px; } .max_height_parraf_razas { overflow: hidden; height: 170px; line-height: 21px; margin-bottom: 5px; } .caract_razas_dest { font-size: 13px; margin: 6px 0 3px; } .articulos_dest_razas2 { width: 49%; margin-right: 2%; margin-bottom: 15px; float: left; border: 2px solid #ece9e9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .articulos_dest_razas2:last-child { margin-right: 0; } .img_overflor_art { height: 190px; overflow: hidden; float: left; margin: 14px; width: 190px; } .img_overflor_art img { width: 190px; } .max_height_art_razas { margin: 18px 14px 14px 5px; } .parraf_articulo_razas { margin-top: 6px; } .publi_300_razas { width: 300px; height: 300px; float: right; } .nomarginright{ margin-right: 0; } #home_razas .link_seguir {font-family: arial;color: #006172 !important;text-decoration: none;text-align: center;float: right;margin-top: 12px;margin-bottom: 14px;display: inline-block;padding-bottom: 3px;line-height: 20px; border:2px solid #006172;padding: 10px;font-size: 19px;font-weight: normal;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #home_razas .link_seguir a { color: #006172 !important; } .cat_home_razas { padding-top: 20px; } .block_razas { margin-top: 14px; } .block_razas .raza_dest_tit {font-size: 1.7em;margin-bottom: 0px;line-height: 28px;padding-bottom: 0; } #list_mascotas_com .tabs_razas { margin-top: 20px; position: relative; z-index: 8;} #list_mascotas_com .tabs_razas li.active p{ color: #414141; text-decoration: none; padding: 9px 0 2px; display: block; } #list_mascotas_com .tabs_razas li:nth-child(2) {border-left: none; border-right: 2px solid #d3d3d3;} #list_mascotas_com .barra_menu { top: -15px;} #list_mascotas_com #clasificacion li { width: 18%;text-align: center; padding: 0 15px; margin-bottom: 20px; min-height: 260px;} #list_mascotas_com #clasificacion li img { border-radius: 100%; border: 2px solid #ece9e9; margin-bottom: 5px; } #list_mascotas_com #clasificacion li p { font-size: 1em; margin-bottom: 5px; } #list_mascotas_com #clasificacion li p.title { font-size: 22px; margin-bottom: 0; } #list_mascotas_com .usuarios_clasific li{ min-height: 200px !important; } @media (max-width: 1300px) { .cat_home_razas li a p { font-size: 1.6em; line-height: 28px;} } @media (max-width: 1200px) { .princ_photo_raza_popular_home {width: 250px;} .box_raza_popular_home { padding-left: 265px; } .princ_photo_raza_popular_home {margin-left: -265px;} #home_razas h4 { border-bottom: none; font-size:2em;} .cat_home_razas li a p { font-size: 1.5em; line-height: 26px;} .max_height_parraf_razas { height: 205px; } } @media (max-width: 1100px) { .box_raza_popular_home { width: 100%; margin-bottom: 15px; } .publi_300_razas { width: 100%;height: auto;float: none;margin: 0 auto;text-align: center;display: block;padding: 20px 0;clear: both; background: #f9f9f9; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .cat_home_razas { padding-top: 10px; } .img_overflor_art img {width: 150px;} .img_overflor_art {width: auto; height: 220px; } .nombre_razas_dest {font-size: 1.3em;} .max_height_parraf_razas { height: 198px; } .nombre_razas_dest {font-size: 1.2em;} .raza_dest_tit { font-size: 2.1em; } #list_mascotas_com #clasificacion li { width: 23%; } } @media (max-width: 950px) and (min-width:769px) { .list_razas_destacadas_home li { width: 48.5%; border: none; margin-bottom: 10px; } .list_razas_destacadas_home li:nth-child(even) { margin-right: 0; } .list_razas_destacadas_home li a img {display: block;margin: 14px auto;width: 28%;float: left;margin: 10px;} .max_height_parraf_razas {height: 160px;} .raza_dest_tit { font-size: 2.1em; } } @media (max-width: 850px) { #list_mascotas_com #clasificacion li { width: 31%; } #list_mascotas_com .titletop { font-size: 30px; margin: 0 15px 30px; } } @media (max-width: 768px) { .cat_home_razas { padding-top: 5px; } .cat_home_razas li { margin-right: 4%;width: 48%; } .cat_home_razas li:nth-child(even) { margin-right: 0; } .list_razas_destacadas_home li {margin-right: 0;width: 100%; margin-bottom: 30px; } .list_razas_destacadas_home li:nth-child(even) { margin-right: 0; } .articulos_dest_razas2 {width: 100%; margin-right: 0; height: auto; padding: 14px; } #home_razas .raza_dest_tit { font-size: 24px; line-height: 33px;;margin-bottom: 0;margin-top: 0; } .title_home_razas {float: left;font-size: 27px;;margin-top: 8px;} .title_home_razas .registrate_comunidad_tit { font-size: 0.6em; line-height: 20px; margin-bottom: 10px; padding-top: 5px; } #home_razas h4 { border-bottom: none; font-size: 1.7em;} .img_overflor_art {width: 100px; height: 100px; margin: 0; } .img_overflor_art img {width: 100px; padding: 0 14px 14px 0;} .max_height_art_razas { height: auto; margin: 0; } .list_razas_destacadas_home li a img {display: block;margin: 14px 14px;width: 32%;float: left;} .cantidad_blablaba {display: table;height: auto;width: 100%; float: left; font-size: 1.2em; } .box_raza_popular_home { height: auto; } .list_razas_destacadas_home li a img {display: block;margin: 0 14px 14px 0;width: 20%;float: left;} .parraf_razas_dest {margin: 0;} .list_razas_destacadas_home li { border-bottom: 1px dashed #ddd; border-right: none; border-left: none; border-top: none; margin-bottom: 20px; padding-bottom: 5px; } .list_razas_destacadas_home li:last-child { border: none; margin-bottom: 5px; } .max_height_parraf_razas { height: auto; } #list_mascotas_com .tabs_razas { margin-top: 0px;} #list_mascotas_com .tabs_razas li { width: 50%; } #list_mascotas_com .tabs_razas li.active p{ padding: 7px 0 8px; margin-bottom: 0;} #list_mascotas_com .tabs_razas li:nth-child(2) {border-left: none; border-right: 2px solid #d3d3d3;} #list_mascotas_com .barra_menu { display: none !important;} #list_mascotas_com .content_filters_error { margin: 0 15px; } #list_mascotas_com .ups_error { font-size: 32px; line-height: 40px; margin: 2px 0 2px; } #list_mascotas_com .subt_error2 { margin: 8px } #list_mascotas_com #clasificacion li { width: 48%; } #list_mascotas_com .titletop { font-size: 25px; margin: 0 15px 20px; } #list_mascotas_com .list_mascotas_tit { margin-top: 12px; } } @media (max-width: 650px) { #home_razas .box_raza_popular_home .link_seguir {float: right;} .box_raza_popular_home { height: auto; } .princ_photo_raza_popular_home { width: 150px; } .box_raza_popular_home { padding-left: 0; } .princ_photo_raza_popular_home {margin-left: 0;} .descrip_raza_dest { height: 92px; } .lista_sec_photo_raza_popular_home li { margin-bottom: 10px; } } @media (max-width: 450px) { .list_razas_destacadas_home li {margin-right: 0;width:100%; margin-bottom: 20px; } .cat_home_razas li { margin-right:0;width: 100%; border-bottom: 1px dashed #ddd; padding-bottom: 12px; } .cat_home_razas li:last-child { border-bottom: none; padding-bottom: 0; } .img_overflor_art { width: 70px; height: 70px; margin: 0 14px 14px 0; } .articulos_dest_razas2 { height: auto; margin-right: 0; padding: 14px; } .max_height_art_razas { height: auto; margin: 0; } .princ_photo_raza_popular_home { float: none; margin-bottom: 10px; } .max_height_parraf_razas {overflow: hidden; height: auto; line-height: 18px;margin-bottom: 5px;} #home_razas h4 { border-bottom: none; font-size: 1.5em;} .cat_home_razas li .raza_foto_cat {width: 35%;height: 127px;margin-right: 20px;float: left;background-position: center bottom;background-size: 125%;display: block;border: 2px solid #ECE9E9;} .cat_home_razas li a p { padding-top: 0; font-size: 1.3em; margin-bottom: 2px; } .lista_sec_photo_raza_popular_home li {float: left;height: auto;margin-right: 4%;width: 21%;overflow: hidden;} #home_razas .link_seguir { width: 100%; } } @media (max-width: 400px) { .cat_home_razas li .raza_foto_cat {background-size: 155%;} #list_mascotas_com #clasificacion li { width: 100%; } } @media (max-width: 350px) { .cat_home_razas li .raza_foto_cat {height: 100px;background-size: 155%;} .list_razas_destacadas_home li a img {display: block;margin: 0 14px 14px 0;width: 30%;float: left;} .parraf_razas_dest {margin: 0;} .list_razas_destacadas_home li { border-bottom: 1px dashed #ddd; border-right: none; border-left: none; border-top: none; margin-bottom: 20px; padding-bottom: 5px; } .list_razas_destacadas_home li:last-child { border: none; margin-bottom: 5px; } .publi_300_razas { margin-left: -10px; } .max_height_parraf_razas { height: auto; max-height: 300px; } .parraf_razas_dest a { float: right; } .max_height_parraf_razas a { float: left; } #home_razas h4 { border-bottom: 2px solid #ECE9E9; } .nombre_razas_dest {font-size: 1.3em;} } /* RESPONSIVE CSS#content_razas ----------------------------------------------------------------------------------------------------------------------------------------------------------- */ @media (max-width: 768px) { .text_tabs1 { display: none; } .text_tabs2 { display: inline; margin-right: 5px; } .tabs_razas li { font-size: 18px; margin-top: 12px; } .cabecera { display: none; margin: 20px 15px 0; font-size: 0.8em; } .title_princ { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 10px 15px 0; font-size: 20px; font-weight: bold; } .title_number { font-size: 22px; font-weight: bold; } .subh1 { display: none; } .subh2 { display: block; } .submit_buscar { padding: 9px 0 8px; text-indent: -99999px; } .submit_buscar { background: url("/img/responsive/buscar.png") no-repeat scroll center center #f52966; border: 1px solid red; background-size:26px 28px; } .searchresults { margin-top: 10px;} .searchresults li { margin-right: 0; height: 123px; overflow: hidden; display: inline-block; border-bottom: 2px solid #ebebeb; padding: 10px 0 0 110px; } .searchresults li p { margin-right: 0; font-size: 11px; line-height: 16px; } .searchresults img { width: 100px; height: 100px; margin-right: 10px; margin-bottom: 15px; margin-left: -100px; } .searchresults .publi_razas img { width: 300px; height: auto; float: none; margin: 0; } .leer_mas_razas { display: none; } .leer_mas_razas2 { border-left: 1px dotted #c7c7c7; color: #c7c7c7 !important; margin-left: 10px; display: block; float: right; height: 100px; text-align: center; width: 30px; font-size: 16px !important; padding-top: 40px; } .transp_razas_mvl { background: url("/img/responsive/transp_razas_mvl.png") repeat-x scroll center center transparent; height: 34px; display: block; width: 100%; position: relative; top: 88px; width: 100%; z-index: 10;} .block_razas { position: relative; top: -29px; margin-top: 0; } .block_razas .raza_dest_tit {font-size: 1.3em;margin-bottom: 0px;line-height: 18px;padding-bottom: 0; } .raza_dest_tit { font-size: 16px; margin-bottom: 0; margin-top: -5px; } .box_buscador_raza { padding: 20px 10px; } #placeholdprod, .placeholdprod { font-size: 14px; } .suggest_box { width: 82%; } .tabs_razas li a { padding: 7px 0;} .tabs_razas li:nth-child(1) { border-left: none; } .tabs_razas li:nth-child(3) { border-right: none; } .box_buscador_raza { border-right: none; border-left: none; } .lista_productos_4_horiz { display: none; } .tienda_link_seguir { display: none; } .paginacion { font-size: 12px;} .paginacion a {padding: 8px 11px; margin: 2px 3px; } .paginacion span.current { padding: 9px 12px; } .wide { position: relative; padding: 0 15px; } .razas_mas_buscadas { font-size: 17px; } .razas_mas_buscadas .col-md-4 { margin-top: 0; width: 100%; } .razas_mas_buscadas li { margin-bottom: 10px; } .smalltitle { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 28px !important; font-weight: bold; } .intro { line-height: 24px; margin: 20px 15px 0; padding: 10px; } .publi_razas { padding: 0 10px; } .publi_razas_fotos { padding: 0 10px; text-align: center; display: none; } .publi_mobile { display: none; width: 100%; background: #EFEFEF; padding: 1px 0 10px; text-align: left; } .publi_mobile span { margin-left: 8px; } .publi_mobile img { display: block; width: 100%; height: 100%; } } @media (min-width: 765px) and (max-width: 991px) { .login_menu { display: none !important; } .navbar-wrapper .navbar {width: 100%; } .container {width: 100%; } .text_tabs1 { display: none; } .text_tabs2 { display: inline; margin-right: 5px; } .subh1 { display: none; } .subh2 { display: block; } .searchresults li { min-height: 170px; } .subh1 { float:left;margin-top: 0;} .navbar-toggle { background: #414141; } .datos_envio_empresa { min-height: 205px; } .bg_devolucion { padding-right: 15px; } .bg_devolucion p { width: 190px !important; } } @media (min-width: 991px) and (max-width: 1250px) { .container {width: 100%; } .searchresults li { min-height: 170px; } } @media (min-width: 992px) { .searchresults li { min-height: 170px; } .subh1 { float:right; margin-top: 0;} } @media (min-width:950px) and (max-width: 1250px) { .searchresults li { min-height: 170px; } .subh1 { float:right;margin-top: 0;} } @media (max-width: 1050px) { .tabs_razas li { font-size: 16px; } } @media (width: 768px) { .leaderboard { display: block !Important;} .col-md-4 { width: 33% !Important;} } @media (width: 1024px) { .col-md-8 { width: 75% !important;} .col-md-4 { width: 25% !important; display: block !important;} .publi_razas { display: none !important; } .publi_razas_fotos { display: none !important; padding-bottom: 20px !important; text-align: center; } .vertical_prods_raza { display: block !important; } .leaderboard {padding: 10px 0;} } @media (max-width: 1150px) { .tabs_razas li { font-size: 18px; } .lista_productos_4_horiz { display: none; } .tienda_link_seguir { display: none; } .subh1 { float: right; margin-top: 0; } .subh1 h3{ font-size: 14px;} .publi_razas { display: none; } .publi_razas_fotos { display: none !important; padding-bottom: 20px !important; text-align: center; } } @media (max-width: 768px) { .publi_razas { display: block; margin: 5px auto; text-align: center; } #razas_listado_mvl { margin-bottom: 30px; display: table; } #razas_listado_mvl .lista_productos_4_horiz { display: block; padding: 0 15px; } #razas_listado_mvl .tienda_link_seguir { display: block; margin-right: 15px; } .lista_productos_4_horiz { display: none; } #razas_ficha_mvl .lista_productos_5 {width: 100%; } #razas_ficha_mvl .lista_productos_5 li { float: left; min-height: 155px !important; border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #ece9e9; height: 155px; width: 100%;; margin-right: 2%; margin-bottom: 3%; } #razas_ficha_mvl .lista_productos_5 li img { margin: 8px; display:block; width: 80px; float: left; } #razas_ficha_mvl .lista_productos_5 li:last-child { margin-right: 0 !important; } #razas_ficha_mvl .lista_productos_5 li p { margin: 0 2px 0 10px; font-size: 16px; color: #414141; } #razas_ficha_mvl .lista_productos_5 li p a { font-size: 15px; text-decoration: underline; line-height: 18px; max-height: 39px; display: block; overflow: hidden; } #razas_ficha_mvl .lista_productos_5 li p.precio_tachado_ficha { font-size: 12px !important; } #razas_ficha_mvl .lista_productos_5 li .bg_precio_lista { margin-top: -143px;} #razas_ficha_mvl .lista_productos_5 .oferta_grid { display: none; } } @media (min-width: 1500px) { .container { max-width: 1500px; } .container {width: 90%; } #suggestlist li { width: 50%; } .searchresults li { min-height: 170px; } .subh1 { float: right; margin-top: 0;} } /* GALERIA FOTOS RAZAS -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #clasificacion { margin-top: 30px } .raza_photo img {width: 100%; height: 100%; } .raza_photo .title_photo { position: relative; text-align: center; height: 30px; overflow: hidden; top: -30px; width:100%; margin-left: 0; padding: 5px 9px; color: white; background-color:rgba(0, 0, 0, 0.7);} .raza_photo .title_photo a { color: white; } /* RESPONSIVE CSS#GALERIA FOTOS RAZAS -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ @media (max-width: 1160px) { #clasificacion li {height: 30%; margin-right: 2%; width: 30%; float: left; } } @media (max-width: 1150px) { .col-md-8 { width: 100%} #clasificacion { margin: 15px auto; } #clasificacion li {height: 32%; margin-right: 2%; width: 32%; float: left; } #clasificacion li:nth-child(3n) { margin-right: 0; } } @media (min-width: 1151px) { #clasificacion li { float: left; margin-right: 38px; } .raza_photo img {width: 100%; height: 100%; } #clasificacion li { float: left; height: 31%; margin-right: 2%; width: 31%; } } @media (width: 1024px) { #clasificacion li {height: 31%; width: 30%;} #left_list {width: 30% !Important;} #content_filters {width: 66% !Important ; } } @media (max-width: 768px) { #clasificacion li { margin: 0; padding: 0; height: 300px; } .raza_photo img { position: relative; } #clasificacion { margin: 15px 0; } #clasificacion li {height: 47%; width: 47%;margin-left: 2%; float: left; } .raza_photo { padding: 0; margin: 0; } .leaderboard {display: none; } #servicios_directorio .leaderboard {display: block; padding: 15px 0; } #servicios_directorio .content_filters_error { padding:0 170px 0 15px; } } @media (max-width: 650px) { #servicios_directorio .content_filters_error { padding: 0 15px; } } @media (max-width: 400px) { .raza_photo img { height: auto; margin: 0 4%; width: 92%;} #clasificacion { margin: 20px 0; } #clasificacion li {height: 100%;width: 100%; float: left; margin-left: 0 !important; } .raza_photo .title_photo {margin: 0 4%; width: 92%; } .publi_razas { display: block; } } @media (max-width: 299px) { .leaderboard {display: none; } } /* FICHA RAZA ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ .title_raza { clear: both;color: #818181; font-family: 'Oswald',sans-serif; font-size: 24px; margin-top: 20px; margin-bottom: 10px;} .title_raza h1 {display: inline; font-size: 35px; font-weight: normal; color: #333333; line-height: 30px; margin: 30px 0 15px; padding-bottom: 5px; text-transform: uppercase; float: none;} .title_raza h2 {color: #818181; display: inline; font-size: 25px; font-weight: normal; padding-right: 0;} /* TABS_5 */ .tabs_5{ width: 100%; clear: both; margin: 0; padding: 0; display: inline-table; position: relative; z-index: 8; } .tabs_5 li { width: 20%; float: left; text-align: center; background: #eeeeee; border-left: 2px solid #d3d3d3; border-top: 2px solid #d3d3d3; border-bottom: 2px solid #d3d3d3; font-size: 20px; } .tabs_5 li:last-child{ border-left: none;border: 2px solid #d3d3d3; border-right:2px solid #d3d3d3; } .tabs_5 li.active { border-top: 3px solid #CC0033; border-bottom: 2px solid white; background: white; } .tabs_5 li a{ color: #a5a5a5; text-decoration: none; padding: 10px 0; display: block; } .tabs_5 li.active{ display: inline; padding: 10px 0; display: block; color: #414141; } .tabs_5 li.active a { padding: 0; color: #414141; } .tabs_5 li.active #linklista, .tabs_5 li.active #linkgaleria, .tabs_5 li.active #linkbuscar { color:#414141; text-decoration: none; cursor: default; } .barra_menu { height:2px; background: #d3d3d3; position: relative; display: block !important; width: 100%; top: -8px; z-index: 3; margin-bottom: 10px; } /* FOTO_FICHA RAZA */ .content_raza_foto {display: inline-block; float: right; margin-left: 20px; margin-bottom:10px; } .content_raza_foto img {margin-bottom: 10px; float: right; } .content_raza_foto_ficha {display: inline-block; float: right; margin-left: 20px; margin-bottom:10px; } .content_raza_foto_ficha img {margin-bottom: 10px; float: right; } .photo_seguir { display: flex; padding: 0 20px; margin-top: 5px; width: 100%; } .photo_seguir .link_seguir {margin-right:20px; float: left; display: block; } #sponsor img {float: left; } /* IE9, IE10 */ /* @media screen and (min-width:0\0) { .content_raza_foto { display: inline; max-width: 550px; } .content_raza_foto img { float: right; } .content_raza_foto_ficha { display: inline; max-width: 550px; } .content_raza_foto_ficha img { float: right; } .photo_seguir{ display: inline-table; float: right; max-width: 550px; } #sponsor { display: inline-table; float: right; max-width: 550px; margin-top: 15px; } .carousel-control.left, .carousel-control.right { background: white !Important; filter: none !important; } }*/ /* IE8, IE9 */ /*.content_raza_foto { display: inline\0/; max-width: 550px\0/; } .content_raza_foto img { float: right\0/; } .content_raza_fot_ficha { display: inline\0/; max-width: 550px\0/; } .content_raza_foto_ficha img { float: right\0/; } .photo_seguir{ display: inline-table\0/; float: right\0/; max-width: 550px\0/; } #sponsor { display: inline-table; float: right\0/; max-width: 550px\0/; margin-top: 15px\0/; } .carousel-control.left, .carousel-control.right { background: white\0/; filter: none\0/; }*/ .box_para_empezar { display: table; margin-right: 20px; font-size: 17px; } .box_categoriza_razas { margin:10px 0; display:table; border:2px solid #ECE9E9; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 10px;} .box_categoriza_razas ul { display: table; font-size: 1.2em;} .publi_razas_ficha { width:300px; float: right; background: white; margin: 20px 0 20px 20px; color:white; text-align: center; clear: both; } .cienx {width:100px; height: 100px; } .comparte_fotos_razas { background: url("/img/new/flecha_comment.png") no-repeat scroll 4px top rgba(0, 0, 0, 0); margin-left: 0; padding-bottom: 5px;} .separador_raza {border-top: 2px dashed #ECE9E9; width: 98%; margin: 0 auto; } .breed-cta{ display: inline-block; } .breed-cta > .link_seguir{ margin-right: 20px !important; } .breed-cta span img{ margin: 14px 0 14px 10px; max-width: 225px; } #content_filters_criadores_full #searchresults_horiz {padding: 10px 0 0; width: auto; display: table; clear: left;} .publi_criadores_listado{ float: right; background: white; margin: 0 0 50px 50px; text-align: center; display: block; } .publi_criadores_ficha{ background: white; margin: 0 0 0 45px; text-align: right; display: block; } .publi_ficha_boton { padding-bottom: 30px; display: table; float: right;} .publi_criadores_listado_footer { width: 100%;display: block; float: none; margin: 17px 0; clear: both; text-align: center; z-index: 99999999; } @media (max-width: 1050px) and (min-width: 769px) { .breed-cta span img{ max-width: 150px; } .publi_criadores_listado { width: 100%;display: block; float: none; margin: 17px 0; clear: both; text-align: center; } .publi_criadores_ficha{ background: white; margin:0px; text-align: right; display: block; width: 100%; } .publi_ficha_boton { padding: 20px 0; display: table; float: none; margin: 0 auto; } } @media (max-width: 960px) and (min-width: 769px) { .breed-cta > .link_seguir {display: none !important;} } @media (max-width: 768px) and (min-width: 320px) { .breed-cta > .link_seguir{ display: none !important; } .breed-cta span img{ max-width: 185px; margin: 0; } .publi_criadores_listado {width: 100%;display: block; float: none; margin: 17px 0; clear: both; text-align: center; } .publi_criadores_ficha{ background: white; margin:0px; text-align: right; display: block; width: 100%; } .publi_ficha_boton { padding: 0 0 20px; display: table; float: none; margin: 0 auto; } } @media (max-width: 319px) { .publi_criadores_listado { display: none; } .publi_criadores_listado_footer { display: none; } .publi_criadores_ficha {display: none; } } .calendario_expos_listado { width: 300px; border: 2px solid #ece9e9; padding: 10px; text-align: left; margin-bottom: 30px; } .calendar_expos_title { margin-top: 0;font-size: 18px; background: #4fccc6; text-align: left; color: white; padding: 8px 50px 6px 12px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; } .calendar_expos_title:before { content: "\e021"; margin-top: -3px; font-family: "dripicons"; float: right; margin-right: -40px; font-size: 20px;} .photos_expos_title { margin-top: 18px;font-size: 18px; background: #4fccc6; text-align: left; color: white; padding: 8px 50px 6px 12px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; } .photos_expos_title:before { content: "\e019";font-size: 20px; margin-top: -3px; font-family: "dripicons"; float: right; margin-right: -40px; } .photos_expos_title a { color: white; display: block; } .photos_expos_title a:hover {text-decoration: none; } .calendar_expos_box a:hover {text-decoration: none; } .calendar_expos_box p { margin-bottom: 2px; padding: 0 2px; color: #414141; } .photos_expos_box .thumb { display:inline-block; } .photos_expos_box .thumb li{ width: 32%; margin-right: 2%; float: left; } .photos_expos_box .thumb li img {width: 100%; } .photos_expos_box li:last-child {width: 32%; margin-right: 0%; float: left; } .calendario_expos_listado .ver_mas_expos { text-align: right; margin: 10px 0; display: block; font-size: 0.9em; text-decoration: underline; } .calendario_expos_listado_footer { display: none; } @media (max-width: 1050px) and (min-width: 769px) { .calendario_expos_listado { display: none; } .calendario_expos_listado_footer { width: 100%; border: 2px solid #ece9e9; margin: 30px 0; padding: 20px; text-align: left; display: inline-block; } .calendario_expos_listado_footer .calendar_expos_box{ width: 48%; margin-right: 3%; float: left; } .calendario_expos_listado_footer .photos_expos_box{ width: 49%; float: left;} .calendario_expos_listado_footer .photos_expos_box .photos_expos_title { margin-top: 0; } .calendario_expos_listado_footer .ver_mas_expos{ text-align: right; margin: 10px 0; display: block; font-size: 0.9em; text-decoration: underline; } } @media (max-width: 768px) and (min-width: 301px) { .calendario_expos_listado { display: none; } .calendario_expos_listado_footer { width: 92%; border: 2px solid #ece9e9; margin: 30px auto; padding: 15px; text-align: left; display: table; } .calendario_expos_listado_footer .calendar_expos_box{ width: 100%; margin-right: 0; float: left; } .calendario_expos_listado_footer .photos_expos_box{ width: 100%; float: left;} .calendario_expos_listado_footer .photos_expos_box .photos_expos_title { margin-top: 20px; } .calendario_expos_listado_footer .ver_mas_expos{ text-align: right; margin: 10px 0; display: block; font-size: 0.9em; text-decoration: underline; } } @media (max-width: 300px) { .calendario_expos_listado { display: none; } .calendario_expos_listado_footer { display: none; } } /* DESCRIPCION_FICHA RAZA */ #resumen_raza_descipcion { padding-top: 12px; } #resumen_raza_descipcion2, #article { padding-top: 5px; } @media (max-width: 1150px) { #articulo_ficha .right_ficha .link_seguir { display: none; } } #articulo_ficha ol li, #articulo_ficha ul li { font-size: 0.9em; } #articulo_ficha ol { list-style-type: decimal;margin-left: 20px;} #articulo_ficha .articulos_relac_content { width: 100%; } #articulo_ficha .articulos_relac { clear: left; display: table; padding: 10px 0 0; width: auto;} #articulo_ficha .actividad .media img { width: 150px; height: 150px; } #articulo_ficha .actividad .media .bigtxt { font-size: 1.3em; } #articulo_ficha .consejos_articulo_medium_cont { max-width: 350px; float: right; } #articulo_ficha .consejos_articulo_medium { background: none repeat scroll 0 0 white; display: block; float: right; margin:85px 0 40px 50px; text-align: center;} #articulo_ficha .consejos_articulo_medium2 { background: none repeat scroll 0 0 white; display: block; float: right; margin:15px 0 50px 50px; text-align: center;} #articulo_ficha .actividad .media { display: block; margin-bottom: 0; padding: 10px 15px 10px 10px; position: relative; width: 100%; z-index: 2;} #articulo_ficha .actividad .media-left { padding-right: 20px; } @media (max-width: 1100px) { #articulo_ficha .actividad .media img { width: 100px; height: 100px; } } @media (max-width: 900px) { #articulo_ficha .articulos_relac { width: 100%;float: none;} #articulo_ficha .articulos_relac .smalltitle { margin: 0 15px 20px; font-size: 19px !important; } #articulo_ficha .consejos_articulo_medium { float: none;text-align: center; margin: 25px 0 15px;} #articulo_ficha .consejos_articulo_medium2 { float: none;text-align: center; margin: 25px 0 15px;} #articulo_ficha .consejos_articulo_medium_cont { float: none; } #articulo_ficha .leaderboard { display: block; background: white !Important; padding: 0 !Important; border: none; } #articulo_ficha .actividad .media img { width: 50px; height: 50px; } #articulo_ficha .actividad .media {padding: 0 15px 0 10px;} } #ficha_raza .link_seguir { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #05807d; text-decoration: none; text-align: center; margin: 14px auto; display: table; margin-bottom: 14px; padding-bottom: 3px; line-height: 20px; border: 2px solid #05807d; padding: 10px; font-size: 19px; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: right;} #ficha_raza .link_seguir:hover { color: white !Important; background: #05807d; } #ficha_raza .link_seguir:hover a { color: white !Important;} #ficha_raza .link_seguir2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border:none; color: #05807d; text-decoration: none; text-align: center; margin: 0 auto 5px; display: table; margin-bottom: 14px; padding-bottom: 3px; line-height: 20px; padding: 10px; font-size: 18px; font-weight: normal; float: right;} #resumen_raza_descipcion h2, #resumen_raza_descipcion2 h2, #resumen_raza_descipcion3 h2, #resumen_raza_descipcion h3, #resumen_raza_descipcion2 h3, #resumen_raza_descipcion3 h3 { color: #939393; font-size: 28px !important; font-weight: normal; line-height: 26px; margin: 32px 0 15px; padding-bottom: 5px; } #article h2 { color: #777; font-size: 28px; font-weight: normal; line-height: 26px; margin: 20px 0 10px; } #article h3 { color: #939393; font-size: 22px; font-weight: normal; line-height: 26px; margin: 20px 0 10px; } #resumen_raza_descipcion p {clear: none !important;} #resumen_raza_descipcion img, #resumen_raza_descipcion2 img, #resumen_raza_descipcion3 img, #article img { background: white; padding: 3px 10px; } .dot { font-size: 1.2em; } .dot li { padding-bottom: 6px; } .morat { font-size: 1.4em; font-weight: bold; padding: 10px 0 0; } .morat_list { font-size: 1em; line-height: 1.6em; display: inline-table; } #resumen_raza_descipcion.size3, #resumen_raza_descipcion2.size3 { font-size: 1.2em; line-height: 1.4em; } .link_seguir { font-family: 'Oswald', sans-serif; color:#05807d !important; text-decoration: none; text-align: right; float: right; margin-top: 12px; margin-bottom: 14px; display: block; padding-bottom: 3px; line-height: 20px;font-size: 19px; font-weight: normal; border-bottom: 1px dashed #006172; } .link_seguir a {text-decoration: none; color:#05807d !important;} .link_seguir a:hover { text-decoration: none; color:#CC0033 !important;} /* SPONSOR_FICHA RAZA */ .sponsor_box { margin-top: 20px;width: 100%; margin-bottom: 20px; } .sponsor_box .sponsor {background: #FBFAFA; width: 47%;float: left; margin-left: 5%; border: 2px solid #ECE9E9; background: #e1fbfa;overflow: hidden;margin-bottom: 10px; padding: 8px 10px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .sponsor_box .sponsor:first-of-type { margin-left: 0; } .sponsor_box .sponsor:only-of-type {width: 100%; margin: 0; } .sponsor_box_div { display: -moz-flex; display: -webkit-flex; display: flex; } .sponsor_box .sponsor .photo-sponsor { overflow: hidden; height: 100px; width: 100%; display: block; text-align: center; } .sponsor_box .sponsor .bigtxt { font-size: 1.2em; } .sponsor_box .sponsor .photo-sponsor img { height: 100px; max-width: 100%; float: none; } .lazo-dest2 { background: url("/img/responsive/criador_sponsor.png") repeat scroll 0 0; display: block; height: 39px; width: 30px; margin-left: -6px; margin-top: -4px; position: absolute; text-indent: -9999px;} .tit_raza_patrocinada{margin-bottom:5px; border-bottom: 2px solid #ECE9E9 !important; margin-bottom: 5px; font-size: 1.4em; font-weight: bold; } .sponsor_box .sponsor p { margin-bottom: 2px; color: #999; } .sponsor_box p.title_sponsor { font-size: 1.7em; text-align: center; margin-bottom: 2px; text-transform: uppercase; font-family: 'Oswald',sans-serif; color: #49b9b3 !important; } .sponsor_box .sponsor:only-of-type .photo-sponsor { width: auto; float: left; display: inline-block; margin-right: 10px; } /* LLEGADA A CASA_FICHA RAZA */ .llegada_casa_masc { min-height: 150px;background:url("/img/new/male_llegada.jpg") no-repeat scroll right 0 transparent; width: 46%; float: left; margin-right: 8%; margin-bottom: 20px; } .llegada_casa_fem { min-height: 150px; background: url("/img/new/female_llegada.jpg") no-repeat scroll right 0 transparent; width: 46%; float: left; margin-bottom: 20px; } /* SCROLL PRODS FICHA RAZA */ .wide_movil {margin: 0; } .lista_productos_5 { width: 100%; } .lista_productos_5 li { float: left; position: relative; border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #ece9e9; min-height: 258px; width: 18.4%; margin-right: 2%; } .lista_productos_5 li img { margin: 10px auto 6px; display:block; } .lista_productos_5 li:last-child { margin-right: 0 !important; } .lista_productos_5 li p { margin: 0 10px; font-size: 13px; color: #414141; } .lista_productos_5 li p a { font-size: 15px; text-decoration: underline; line-height: 18px; max-height: 39px; display: block; overflow: hidden; } .height_prods_5 { height: 78px; } .info_prod_listado { height: 235px; } .bg_precio_lista { background: #fbfafa; border-top: 2px solid #ece9e9; min-height: 59px; margin-top: 4px; padding: 5px 10px 2px 0; } .precio_lista_productos_5 { width: 50%; float: left; } .bg_precio_lista .price_listado_prods_nooffer, .bg_precio_lista .price_listado_prods { font-size: 18px; font-weight: bold; } .lista_productos_4 { width: 100%; } .lista_productos_4 li { float: left; border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #ece9e9; min-height: 258px; width: 22%; margin-right: 22px; margin-bottom: 2%; } .lista_productos_4 li img { margin: 10px auto 6px; display:block; } .lista_productos_4 li:last-child { margin-right: 0 !important; } .lista_productos_4 li p { margin: 0 2px 2px 10px; font-size: 13px; color: #414141; } .lista_productos_4 li p a { font-size: 15px; text-decoration: underline; max-height: 36px; display: block; overflow: hidden; } .precio_lista_productos_4 { width: 76px; float: left; } /* CAROUSEL ficha */ .carousel-control.left {background: transparent; } .carousel-control.right { background: transparent; right: -45px; } .carousel-control { color: #000000; width: 2% !Important;margin-left: -45px;} .carousel-control:hover { color: #999; } /* FORO FICHA */ .first_comment_foro { padding-left: 35px; } .first_comment_foro .glyphicon { font-size: 25px; margin-left: -32px;padding-top: 5px; float: left; } .responer_comment { padding: 10px 30px 10px 50px; margin-left: 35px; } .responer_comment:first-child, .responer_comment:last-child { background: #f6f6f6; border:2px solid #efefef; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } .responer_comment .glyphicon { margin-left: -32px; float: left; font-size: 17px; margin-top: 2px; } .responer_comment img { display: none; } .title_first_comment_foro { font-size: 1.8em; font-weight: bold; } /* Destacados Top cachorros HOME */ .lazo-dest { background: url("/img/responsive/criador_sponsor.png") repeat scroll 0 0; display: block; height: 39px; width: 30px; margin-left: -4px; margin-top: -12px; position: absolute; text-indent: -9999px;} .lazo-dest_residencias { position: absolute; display: block; width: 30px; height: 60px; text-indent: -9999px; background: url("/img/new/sprite.png") repeat scroll 29px -2181px transparent; margin-top: -4px; margin-left: -4px; } .destacados-top {position: relative; margin: 8px 0 10px; background: none repeat scroll 0 0 #EFEFEF; border: 1px solid;} .destacados-top .title { } .destacados-top .link { background: #f0e9bb; padding: 5px; border-top: 1px solid white; text-align: center; } .destacados-top .link a { font-size: 1em; font-weight: bold; color: #CC0033; } .ad.sponsor { background:#F0E9BB; min-height: 120px; padding: 6px; } .scrollable_cachorros { position:relative; width: 100%; height:335px; } .scrollable_cachorros .items .item { float:left;width: 100%; background: white; padding: 2px;} .scrollable_cachorros .items .item li.box { float: left; width: 18.4%; padding: 0;margin-left: 2%; background: white; border: 2px solid #ECE9E9; height: 325px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } .scrollable_cachorros .items .item li.first {margin: 0;} .scrollable_cachorros .items .item li .photo-l { margin: 8px auto; display: block;} .scrollable_cachorros .items .item li .photo-l .price { float: none; margin: 0 auto; display: block; position: relative;text-align: center; top: 140px; z-index: 33;} .scrollable_cachorros .items .item li .photo-l .price span { padding: 2px 5px; background: #8fc300; font-size: 18px; font-weight: bold; color: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-shadow: 0 1px 0 #5d7f00; } .scrollable_cachorros .items .item li .photo-l .price:hover { text-decoration: none !Important; } .scrollable_cachorros .items .item li p { float: left; display: block; width: 152px; } .scrollable_cachorros .items .item li p.title { font-size: 1.2em; width: auto; float: none; margin: 5px auto 0; line-height: 1.3em; text-align: center; background: none; padding: 0 20px; } .scrollable_cachorros .items .item li p.location { height: 32px; font-size: 0.9em; line-height: 1.2em; text-align: center; margin-top: 5px; color: #939393; } .scrollable_cachorros .items .item li .promo { margin:5px auto 0; display: block; width: 152px; overflow: hidden; height: 70px; font-size: 0.9em; line-height: 1.2em; text-align: center;} .scrollable_cachorros .items .item li .promo a.promo-logo { display: block; margin-top: 5px;} .scrollable_cachorros .items .item li .promo span {display: block; text-align: center; margin-top: 10px; font-size: 1.2em; line-height: 1.4em; color: #939393; } .scrollable_cachorros .items .item li .promo .mosaic li { display: inline; } .scrollable_cachorros .items .item li .promo .mosaic.cachorros { width: 138px; padding: 0; margin-top: 10px; margin-left:8px;} .scrollable_cachorros .items .item li .promo .mosaic.progenitores { width: 92px; padding: 0; margin-top: 10px; margin-left:31px; } .scrollable_cachorros .items .item li .promo .mosaic.progenitores li {float: left !important; } .scrollable_cachorros .items .item li .promo .mosaic a.photo-s {width:42px;height:42px; margin:0 1px; display: block; list-style: none;} .scrollable_cachorros .items .item li .promo .mosaic a.photo-s img {margin:1px; width:40px;height:40px;} .scrollable_cachorros.isListing .items .item li.box{ width: 100%; height: auto; margin-bottom: 20px;} .scrollable_cachorros .items .item li strong { color: #4d4d4d; font-weight: bold; } .scrollable_cachorros .items .item li a{ font-weight: bold; color: #05807d;margin-left: 8px; } .scrollable_cachorros .img-container { margin: 0 auto; display: block; } .scrollable_cachorros .img-container img {width: 150px; height: 150px; display: table; margin: 0 auto; } .scrollable_cachorros.isListing .img-container img { width: 70%; height: auto;} .scrollable_cachorros_criador { height: 240px !important; } .scrollable_cachorros_criador li { height: 235px !important;} /* social ficha HOME */ .tit_social_razas { color:#414141; font-weight: bold; margin: 10px 0 10px 6px; font-size:1.3em; } .borderbox_social_razas { margin-top: 0; } .social_raza { float:left; width:145px; height:145px; margin:2px 6px 10px 7px; padding:0; } .social_raza_last { float:left; width:80px; height:80px; margin: 8px; padding:0;} .tit_comparte_razas { color:#cc0033; font-weight: bold; width:195px; text-align: center; float: left; margin: 7px 0 3px 13px; line-height: 19px; font-size: 15px; padding-top: 38px; } .tit_comparte_razas a { color:#cc0033; font-weight: bold; } .total_razas_social { width:500px; float: right; margin-right:5px; margin-bottom: 10px; font-size: 1.3em; font-weight: bold; margin-top: 2px; } .borderbox { border: 2px solid #ECE9E9; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } div.text ul li { font-size: 17px; list-style-position: outside; list-style-type: disc; margin-left: 15px; padding: 3px;} .list_info_raza li { float: left; width: 31%;} .box_otras_razas { float: left; margin-bottom: 10px; margin-right: 15px; width: 31%; font-size:17px;} .box_otras_razas img { float: left; margin-right: 10px;} .right_ficha { width: 300px; float: right; margin-right: 0px; margin-left: 40px; } .bg_grey, .bg_brown {background: none repeat scroll 0 0 #F6F6F6; border: 2px solid #E2E2E2; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .bg_blue { border: 1px solid #ECE9E9; margin-bottom: 2px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; -webkit-box-shadow:0px 1px 5px #808080; -moz-box-shadow:0px 1px 5px #808080; box-shadow:0px 1px 5px #808080;} a.bt-green-s, button.bt-green-s, input.bt-green-s {top: 0px; width: 150px; line-height: 20px; font-weight:bold; padding:10px 20px; text-align: center; font-size: 1.3em;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #74b807; display: inline-block; color: #ffffff !important; font-family: arial;text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); cursor: pointer; box-shadow: inset 0px 1px 0px 0px #a4e271; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809)); background: -moz-linear-gradient(center top, #89c403 5%, #77a809 100%); background-color: #89c403; } a.bt-green-s:hover, button.bt-green-s:hover, input.bt-green-s:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403)); background: -moz-linear-gradient(center top, #77a809 5%, #89c403 100%); background-color: #77a809; } a.bt-green-s:active, button.bt-green-s:active, input.bt-green-s:active { position: relative; top: 1px; } /* fotos ficha */ .ficha_content_fotos { float: left; position: relative; width: 550px;} #container.ficha .ficha_content .foto_album { margin: 20px auto; text-align: center;} #nav_fotos {overflow:hidden;padding:10px;} .pie_foto_criador { text-align: center; color: #999 !important; } .pie_foto_criador_comment { font-style: italic; margin-left: 10px; } #nav_fotos img {border:2px solid #fff;margin-right:5px;float:left;} #nav_fotos a.thumb_nav img {filter: alpha(opacity=60); opacity: .6;} #nav_fotos a.thumb_nav:hover img {filter: alpha(opacity=100);opacity:1.0;} #nav_fotos p {text-align:center;margin:0 auto;width:100%;margin-top:10px;overflow:hidden;clear:both;} #nav_fotos p img {border:none;float:none;} #nav_fotos a.next {float:right;} #nav_fotos a.prev {float:left;} #nav_fotos span {display:block;float:left;width:220px;text-align:center;font-size:1.1em;line-height:26px;} #nav_fotos div.null {width:80px;height:80px;background:#efefef;border:2px solid #ffffff;margin-right:5px;float:left;} .img_princ_foto { position: relative; margin: 10px auto; display: block; max-width: 100%; } .prev_foto_razas { position: absolute; left: 3px; z-index: 2; top: 50% !important; opacity: 0.6; } .next_foto_razas {position: absolute; left: 512px; z-index: 2; top: 50% !important; opacity: 0.6; } .prev_foto_razas:hover, .next_foto_razas:hover { opacity: 0.9; } .box_foto_criador { display: block; } #comentarios h2 a:hover {text-decoration: none; } .comment_foto_user { background: url("/img/new/comillas1.png") no-repeat scroll 9px 12px transparent; text-align: left; padding: 24px 33px 24px 40px; font-size: 1.3em; } .comment_foto_user2 { } .fbook_share { width: 24px; height: 24px; background: url("/img/new/social.png") no-repeat scroll -26px 0 transparent; display: block; float: right; margin-left: 10px; } .gplus_share { width: 24px; height: 24px; background: url("/img/new/social.png") no-repeat scroll 0 0 transparent; display: block; float: right; margin-left: 10px; } .pinterest_share { width: 24px; height: 24px; background: url("/img/new/social.png") no-repeat scroll -52px 0 transparent; display: block; float: right; margin-left: 10px; } .twitter_share { width: 24px; height: 24px; background: url("/img/new/social.png") no-repeat scroll -78px 0 transparent; display: block; float: right; margin-left: 10px; } .flecha_razas { background: url("/img/new/flecha_razas.png") no-repeat scroll right top transparent; width: 27px; height: 47px; display: block; float: left; margin-top: -18px; margin-right: 5px; } ul.user_mascotas li { float: left; height: 260px; width: 33%;} ul.user_mascotas li p { line-height: 1.8em; margin: 5px 0;} ul.user_mascotas li img.foto_animal_user { -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.4); box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.4);} .comment_photo { background: url("/img/new/commentphoto.png") no-repeat scroll right 10px transparent; width: 100%; height: 109px; display: block; z-index: 3; position: relative; top: -20px; border-bottom: 2px solid #E3E3E3; } .comment_photo p { width: 200px; font-size: 15px; padding-top: 25px; color: #414141; } .comment_photo p .dest_comment{ color: #333 !important; font-weight: bold; line-height: 35px;} .mas_info_fotos { background: #FBFAFA; padding: 10px 15px; margin: 35px 0 15px;display: inline-table; width: 100%; } .mas_info_fotos p { font-size: 1.8em; } .mas_info_fotos ul li { font-size: 1.5em; list-style-position: outside; list-style-type: disc; margin-left: 15px; padding: 3px; width: 48%; float: left; } .btn_fotos { background: white; border: 2px solid #E2E2E2; padding: 15px; z-index: 50; position: absolute; top: 10px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } .right_btn { right: 0;} .left_btn {left: 0; } #ladoderecho .bg_brown { clear: none; display: table;} .fotos_ficha .publi_razas { padding-left: 30px; } .fotos_ficha .publi_razas_img { display: block; } .fotos_ficha .publi_razas_img .publi { float: right; padding-bottom: 30px; margin-left: 25px; } .fotos_ficha #ladoderecho { display: inline; width: inherit;} .ico_good { background: url("/img/new/sprite.png") no-repeat scroll 4px -1681px transparent; line-height: 20px; padding: 0 2px 2px 30px;} .boton_gusta { background: rgb(255,255,255); /* Fall-back for browsers that don't support rgba */ background: rgba(255,255,255, .6); border: 2px solid #E2E2E2; padding: 4px 6px 5px 4px; position: absolute; right: 5px; top: 130px; z-index: 8; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color: #000000; } #descfoto { font-size: 13px; margin-top: 10px; } /* REPONSIVE RAZAS ----------------------------------------------------------------------------------------------------------- */ @media (max-width: 768px) { .nomvl { display: none !important; } .tabs_5 li { width: 33.3%; margin-top: 12px; font-size: 17px; border-left: none !important; border-right: none !important;} .tabs_5 li:first-child { border-right: 2px solid #D3D3D3 !important; } .tabs_5 li:nth-child(2) { border-right: 2px solid #D3D3D3 !important; } .barra_menu { margin-bottom: 0; } .no_mostrar_en_movil { display: none !important; } .link_seguir { font-family: arial; } .box_otras_razas { width: 46%; } .list_info_raza li { width: 100%; } .content_raza_foto { float: left; margin-left: 0; } .content_raza_foto img { max-width: 300px; padding-right: 20px;} .content_raza_foto_ficha { float: left; margin-left: 0; } .content_raza_foto_ficha img { max-width: 300px; padding-right: 20px; float: none; margin: 0 auto; display: table;} .photo_seguir { padding: 0 15px; } .photo_seguir .link_seguir { border: none; padding: 0; font-size: 18px; line-height: 16px;} .mas_info_fotos { background: white; padding: 10px 15px; margin: 0 0 15px;display: inline-table; } .mas_info_fotos ul li { font-size: 1.2em; list-style-position: outside; list-style-type: disc; margin-left: 15px; padding: 3px 3px 2px 0; width: 100%; float: left; } .wide_movil {margin: 0; } .title_raza { font-family: arial; clear: both;color: #818181; font-size: 14px; margin-top: 20px; margin-bottom: 5px; } .title_raza h1 { font-size: 24px !important; line-height: 22px; padding: 0; margin: 0 !important; font-weight: bold !important; display: table !important; font-family: arial; } .title_raza h2 { font-family: arial; display: inline; padding: 0; margin: 0 !important; font-size: 14px !important; line-height: 0 !important; } #resumen_raza_descipcion h2, #resumen_raza_descipcion2 h2, #resumen_raza_descipcion3 h2, #resumen_raza_descipcion h3, #resumen_raza_descipcion2 h3{ font-family: arial; font-size: 22px !important; margin: 22px 0 2px; } #article h2 { color: #777; font-size: 22px; font-weight: normal; line-height: 22px; margin: 20px 0 10px; } #article h3 { color: #939393; font-size: 18px; font-weight: normal; line-height: 22px; margin: 20px 0 10px; } .smalltitle { font-size: 23px !important; line-height: 25px !important; padding: 0; margin: 25px 0 15px; } .content_raza_foto { margin-bottom: 0; } .publi_razas_ficha { width:300px; float: right; background: white; margin: 15px -4px 15px 10px; color:white; text-align: center; clear: both; } .publi_razas_ficha_down { display: block; } .list_info_raza { margin-top: 10px; } .box_categoriza_razas { font-size: 12px; } #sponsor {display: none; } .borderbox.pad10 { padding: 6px 0; } .borderbox .dot {font-size: 13px !important; line-height: 16px; } .div.text ul li { margin-left: 32px; } .ficha_content_fotos { float: none; margin: 0 auto; } .datos_ficha_content { margin: 10px auto 5px; text-align: center;} .publi_razas_img { display: block !important; margin: 0 auto !important; ; float: none !important; } .publi_razas_img .publi { float: none !important; display: table !important; padding-bottom: 30px; margin: 0 auto !important; } .fotos_ficha #ladoderecho { display: inline; width: inherit;} #ladoderecho { margin-bottom: 20px; } #ladoderecho .bg_brown { width: 100%; margin-bottom: 25px; } .comment_foto_user { display: block; background: none; } .flecha_razas { display: none; } .content_raza_foto_ficha { float: left; margin-left: 0; width: 100%;} .scrollable_cachorros { height: auto; } .scrollable_cachorros .items .item li.box{ width: 49%; height: auto; padding-bottom: 7px; margin-bottom: 10px; } .scrollable_cachorros .items .item li.first { margin-left: 2%; } .scrollable_cachorros .items .item li.box:nth-of-type(2n-1){ margin-left: 0; } .scrollable_cachorros .items .item li .photo-l{ position: relative; margin: 0;} .scrollable_cachorros .items .item li .promo{ display: none;} .scrollable_cachorros .img-container img{ width: 100%; height: 100%; max-height: 150px; display: block;} .scrollable_cachorros .items .item li .photo-l .price{ position: absolute; bottom: 5px; top: initial; width: 100%;} .sponsor_box .sponsor{ width: 47%; } .scrollable_cachorros.isListing .items .item li.box{ margin: 0 2% 20px; width: 96%;} .scrollable_cachorros.isListing .img-container img{ max-height: initial;} } @media (max-width: 479px) { .box_para_empezar { margin-right: 0; margin-top: 20px; display: inline-table; } .tabs_5 li { width: 33.3%; font-size: 14px !Important; text-align: center; } .content_raza_foto img { max-width: 310px !important; margin-right: 0px; float: none; } .ficha_content_fotos { width: 100%; margin: 0 auto; display: inline; } .content_raza_foto_ficha .img_princ_foto { width: 360px !important; } .ficha_content_fotos .img_princ_foto { width: 310px !important; } .prev_foto_razas { top: 50% !important; } .next_foto_razas { top: 50% !important; left: 262px;} .btn_fotos { background: white;padding: 7px 15px 6px;z-index: 50;position: absolute;top: -43px !Important; } .right_btn { right: 10px !important;} .left_btn {left: 10px !important; } .photo_seguir { background: white !important; border: none !important; padding-left: 0!important; } .photo_seguir .link_seguir { border-bottom: 1px solid !important; } .publi_razas_ficha { width:100%; float: left; background: white; margin: 15px 0 15px -4px; color:white; text-align: center; clear: both; } .barra_menu { display:none; } #ficha_criador .publi_razas_ficha {margin:10px auto; text-align: center; width: 100%; float: none; } .sponsor_box { margin-top: 0px;} .sponsor_box p.title_sponsor { font-size: 1.3em;} .sponsor_box_div { display: block; } } @media (min-width: 480px) and (max-width: 768px) { .content_raza_foto { width: 100% !important; float: none !important; } .content_raza_foto_ficha { width: 100% !important; float: none !important; } .box_para_empezar { font-size: 14px; margin-top: 15px; } .box_para_empezar .link_seguir { font-size: 16px; margin-top: 0; } .box_para_empezar h3.smalltitle { font-size: 18px !Important; line-height: 24px !important; margin: 0; padding: 0; } .btn_fotos {background: white;padding: 7px 15px 6px;z-index: 50;position: absolute;top: -43px !Important; } .right_btn { right: 10px !important;} .left_btn {left: 10px !important; } .photo_seguir { background: white !important; border: none !important; padding-left: 0!important; } .photo_seguir .link_seguir { border-bottom: 1px solid !important; } .barra_menu { display:none; } } @media (min-width: 480px) and (max-width: 500px) { .content_raza_foto img { max-width: 470px !important; float: none !important; margin: 0 auto !important; } .content_raza_foto_ficha img { max-width: 450px !important; float: none; margin: 0 auto 10px ; display: table } } @media (width: 480px) { .img_princ_foto { max-width: 470px !important; } } @media (min-width: 501px) and (max-width: 768px) { .content_raza_foto img { max-width: 500px !important; float: none !important; margin: 0 auto !important; } .content_raza_foto_ficha img { max-width: 500px !important; float: none !important; margin: 0 auto 10px ; display: table } } @media (max-width: 400px) { .box_otras_razas:nth-of-type(2n) { margin-right: 0; } .box_otras_razas { position: relative; } .box_otras_razas img { margin-right: 0; width: 100%; height: 100%; } .box_otras_razas > p { position: absolute; font-size: .9rem; background-color: rgba(0,0,0,.7); bottom: 0; margin: 0; left: 0; right: 0; padding: 5px; } .box_otras_razas a{ color: #fff;} .content_raza_foto_ficha img { max-width: 100%; padding-right: 0; float: none; margin: 0 auto 10px ; display: table;} } @media (width: 768px) { .lista_productos_5 li p a { font-size: 14px; } .btn_agregar_carrito a { font-size: 13px; } .precio_lista_productos_5 { width: 82px;} .ficha_content_fotos { float: none; margin: 0 auto; } } @media (min-width: 769px) and (max-width: 1000px) { .lista_productos_5 li { width: 23.4%; font-size:13px;margin-right: 1%; } .price_listado_prods_nooffer { font-size:14px; } .lista_productos_5 li:last-child {display: none !Important; } .carousel-inner {width: 98%; margin-left: 23px; } .carousel-control.right { right: -14px; } .carousel-control { margin-left: -10px;} .ficha_content_fotos { float: none; margin: 0 auto; } .datos_ficha_content { margin: 10px auto 5px; text-align: center;} } @media (min-width: 400px) and (max-width: 1000px) { .mas_info_fotos p { font-size: 1.5em; } .mas_info_fotos ul li { font-size: 1.3em; } } @media (min-width:1001px) and (max-width: 1400px) { .mas_info_fotos p { font-size: 1.5em; } .mas_info_fotos ul li { font-size: 1.3em; } } @media (min-width: 1001px) and (max-width: 1300px) { .lista_productos_5 li { width: 18.4%; margin-right: 1%; } .carousel-inner {width: 98%; margin-left: 30px; } .carousel-control.right { right: -14px; } .carousel-control { margin-left: -10px;} } @media (min-width: 769px) and (max-width: 850px) { .tabs_5 li {font-size: 13px; } } @media (min-width: 850px) and (max-width: 900px) { .tabs_5 li {font-size: 15px; } } @media (min-width: 769px) and (max-width: 900px) { #ladoderecho h2.smalltitle { font-size: 22px !important; } } @media (max-width: 1050px) and (min-width: 769px) { #ficha_criador .publi_razas_ficha { width:100%; float: none; background: white; margin: 25px 0; color:white; text-align: center; clear: both; } } @media (min-width: 901px) and (max-width: 950px) { #ladoderecho h2.smalltitle { font-size: 32px !important; } } @media (min-width: 951px) and (max-width: 1010px) { #ladoderecho h2.smalltitle { font-size: 32px !important; } #ladoderecho .bg_brown { clear: both !important; display: block !important; margin-right: 0 !important; width: 100%; margin-bottom: 18px; } .comment_foto_user { font-size: 1.2em;} } @media (min-width: 769px) and (max-width: 1010px) { #fotos_ficha.col-md-5 { width: 100% !Important; } #ladoderecho .bg_brown { display: table-cell !Important; width: 50% !Important; float: left !Important; clear: none !Important; margin-top: 15px;} .publi_razas { padding-left: 30px !Important; float: right !important;} .publi_razas_img { display: block !Important; padding-top: 15px !important; } .publi_razas_img .publi { float: right; padding-bottom: 30px!Important; } .fotos_ficha #ladoderecho { display: inline; width: inherit;} .comment_foto_user { background: url("/img/new/comillas1.png") no-repeat scroll 9px 12px rgba(0, 0, 0, 0);font-size: 1.3em; padding: 24px 33px 24px 40px; text-align: left;} } @media (min-width: 1011px) and (max-width: 1199px) { #ladoderecho h2.smalltitle { font-size: 22px; } #ladoderecho .bg_brown { clear: both !important; display: block !important; margin-right: 0 !important; width: 100%; margin-bottom: 28px; } .comment_foto_user { font-size: 1.2em;} } @media (min-width: 1200px) and (max-width: 1400px) { #ladoderecho h2.smalltitle { font-size: 28px; } .comment_foto_user { font-size: 1.2em;} } @media (min-width: 901px) and (max-width: 1100px) { .tabs_5 li {font-size: 16px; } } @media (min-width: 1201px) { .lista_productos_5 li p {font-size: 16px; } .prod_grid .price_listado_prods_nooffer { font-size: 24px !important; margin-top: 5px !important; margin-top: 7px !important; } .info_prod_listado { height: 242px;} } @media (min-width: 769px) and (max-width: 950px) { .scrollable_cachorros {height: 285px; } .scrollable_cachorros .items .item li.box { height: 280px;} .scrollable_cachorros .items .item li p.title { max-height: 38px; font-size: 1em; overflow: hidden; } .scrollable_cachorros .img-container img { width: 100px !important; height: 100px !important; } .scrollable_cachorros .items .item li .photo-l .price { top:10px; } } @media (min-width: 769px) and (max-width: 899px) { .social_raza { width: 120px; margin-top: 10px; } .social_raza img{ width: 100px; height: 100px; } .social_raza:nth-child(4) { display: none !Important; } .social_raza:nth-child(5) { display: none !Important; } .social_raza:nth-child(6) { display: none !Important; } } @media (min-width: 900px) and (max-width: 1150px) { .social_raza { width: 120px; margin-top: 10px; } .social_raza img{ width: 100px; height: 100px; } .social_raza:nth-child(6) { display: none !Important; } } @media (min-width: 700px) and (max-width: 1023px) { .social_raza:nth-child(5) { display: none !Important; } .social_raza:nth-child(6) { display: none !Important; } } @media (width: 1024px) { .publi_razas_ficha { display: block !important; } .lista_productos_4_horiz vertical_prods_raza { display: block; } .social_raza:nth-child(6) { display: none !Important; } .ficha_content_fotos { width: 550px !important; } } @media (min-width: 1151px) and (max-width: 1500px) { .social_raza:nth-child(6) { display: none !Important; } } @media (width: 768px) { .content_raza_foto_ficha img {display: block !important;} .photo_seguir {display: block !important; } .photo_seguir .link_seguir { float: right !important; } } /* TIENDA ------------------------------------------------------------------------------------------------------------------------------------------------------------/ /* HOME */ h3.titletop { font-family: 'Oswald', sans-serif; /* color:#cc0033; */width: 100%; display: inline-block; line-height: 30px;font-size: 32px; font-weight: normal; text-transform: uppercase; /* border-bottom: 1px dashed #CC0034; */ border-bottom: 2px solid #ECE9E9; margin: 30px 0 15px; padding-bottom: 10px; } h4 { font-family: 'Oswald', sans-serif; /* color:#cc0033; */width: 100%; display: inline-block; line-height: 30px;font-size: 28px; font-weight: normal; text-transform: uppercase; /* border-bottom: 1px dashed #CC0034; */ border-bottom: 2px solid #ECE9E9; margin: 30px 0 15px; padding-bottom: 10px; } .tiltetop_princ { margin-top: 15px; margin-bottom: 15px; font-size: 2.2em; font-family: 'Oswald', sans-serif; font-weight: normal; } h4.titles_home { border-bottom: none; width: 100%; display: inline-block; line-height: 34px; font-size: 32px; font-weight: normal; margin: 30px 0 15px; text-align: center; padding-bottom: 10px;} .title-sponsor { font-family: Arial, sans-serif; font-size: 14px; color: #848484; vertical-align: middle; text-transform: none; margin-left: 10px;} .title-sponsor img { vertical-align: bottom; margin-left: 5px;} .box_buscador_productos { margin-top: 1px; width: 68%; } .box_buscador_productos #placeholdprod { font-size: 17px;padding: 6px 10px 7px;background: none repeat scroll 0 0 #FBFAFA; border: 1px solid #D6D6D6; border-radius: 5px; color: #888888; width: 85%;} .box_buscador_productos .submit_buscar { background: #414141; border: 2px solid #4d4d4d; border-radius: 6px;color: #FFFFFF; display: block; float: right; font-size: 14px; font-weight: bold; margin-top: 0; padding: 8px 10px 7px; text-decoration: none; text-transform: uppercase; width: 13%; right: -451px !important;} .buscador_responsive { background: #e6e4e4; margin-bottom: 5px; } .texto_envio_free { float: right; color: #414141; margin-top: 28px; font-size: 18px; } .razas_home h4.titles_home { text-align: left; } .bg_atencion { background: url(/img/new/infocompraayuda.jpg) no-repeat scroll right 0; } .bg_atencion p { font-size: 17px; line-height: 27px; margin-left: 10px; margin-top: 31px; } .bg_atencion p strong.title { font-size: 21px; line-height: 28px; } .bg_envio { background: url(/img/new/infocompraenvio.jpg) no-repeat scroll right 0; } .bg_envio p { font-size: 16px; margin-top: 20px; margin-left:10px; } .bg_envio p strong.title { font-size: 21px; line-height: 28px; } .bg_envio p span.small {font-size:11px;} .bg_devolucion{ background: url(/img/new/infocompradevolusion.jpg) no-repeat scroll right 0; } .bg_devolucion p{ margin-top: 33px; font-size: 17px; margin-left:10px; line-height: 22px; width: 280px; } .bg_devolucion p strong.title { font-size: 21px; line-height: 28px; } .seguir_comprando { font-family: 'Oswald', sans-serif; color:#05807d; text-decoration: none; text-align: right; float: right; margin-top: 15px; display: block; padding-bottom: 3px; line-height: 20px;font-size: 18px; font-weight: normal; border-bottom: 1px dashed #05807d; } .datos_envio_empresa { width: 32%; height: 150px; margin: 30px 27px 20px 0; float: left; -webkit-border-radius: 5px;border-radius: 5px; border: 2px solid #ece9e9; } .datos_envio_empresa:last-child {margin-right: 0; } .mensaje_home_tienda2 { position: relative; z-index: 7; } .caja_mensaje_home_tienda2 { width: 376px;height: 37px; float: left; overflow: hidden; } .box_recibe_ofertas_home { border: 2px solid #d80040; float: left; width: 100%; height: 56px; padding-top: 10px; margin-left: 10px; margin-top: 25px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; } .box_recibe_ofertas_home p { color: #d80040; font-size: 17px; font-weight: bold; width: 468px; float: left; padding: 15px 15px 10px; } .form_email_ofertas_home input.intro_email { margin: 6px 5px 0 0; border: 1px solid #c2c2c2; width: 330px; font-size: 15px; height: 28px; padding: 2px 5px; -webkit-border-radius: 5px;border-radius: 5px; } .form_email_ofertas_home input.btn_mail { background: #d80041; width: 80px; cursor: pointer; color: white; font-size: 15px; font-weight: bold; text-transform: uppercase; text-align: center; height: 33px; padding: 4px 0; border: 1px solid #d80041; -webkit-border-radius: 5px;border-radius: 5px; font-family:Arial, Helvetica, sans-serif; } .banner_categorias_home { margin: 20px 0 0; } .banner_categorias_home li { height: 250px; overflow: hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 2px solid #ece9e9; width: 950px; } .banner_categorias_home li img { width: 950px; height: 250px; } .banner_categorias_home li .item.banner_categorias_home {margin: 0;} .item.banner_categorias_home p a img { width: 950px; height: 250px; } .categorias_home_tienda { clear: both;height: 300px; margin-top: 30px; } .categorias_home_tienda ul { margin: 0; padding: 0; } .categorias_home_tienda ul li { float: left; padding: 0; border: 2px solid #ECE9E9 !important; } .carousel-inner .lista_productos_5 .block_oferta_grid {padding: 11px 10px 24px !Important;} .cat_perros_home { background:url("/img/responsive/tienda/perros.jpg") no-repeat scroll -18px -7px white; width: 15%; height: 230px; margin-right: 2%;} .cat_gatos_home { background: url(/img/responsive/tienda/gatos.jpg) no-repeat scroll left -16px white;width: 15%; height: 230px; margin-right: 2%;} .cat_peces_home { background: url(/img/responsive/tienda/peces.jpg) no-repeat scroll -140px -7px white;width: 15%; height: 230px;margin-right: 2%; } .cat_pajaros_home { background: url(/img/responsive/tienda/pajaros.jpg) no-repeat scroll -25px -37px white; width: 15%; height: 230px;margin-right: 2%; } .cat_roedores_home { background: url(/img/responsive/tienda/peq_mamiferos.jpg) no-repeat scroll -10px -33px white; width: 15%; height: 230px; margin-right: 2%;} .cat_reptiles_home { background: url(/img/responsive/tienda/reptiles.jpg) no-repeat scroll -101px 9px white; width: 15%; height: 230px; } .cat_perros_home a, .cat_gatos_home a, .cat_peces_home a, .cat_pajaros_home a, .cat_reptiles_home a { text-decoration: none; display: block; padding-top: 16px; } .cat_perros_home a:hover, .cat_gatos_home a:hover, .cat_peces_home a:hover, .cat_pajaros_home a:hover, .cat_reptiles_home a:hover { padding-top: 15px; text-decoration:none; } .cat_perros_home a p, .cat_gatos_home a p, .cat_peces_home a p, .cat_pajaros_home a p, .cat_reptiles_home a p { text-decoration: none !important; color: #05807d; text-align: center; font-family: 'Oswald',sans-serif; text-transform: uppercase; font-size: 30px; padding-top: 230px; padding-left: 2px; padding-bottom: 20px; } .cat_roedores_home a {text-decoration: none; display: block; padding-top: 16px; } .cat_roedores_home a:hover { padding-top: 15px; text-decoration:none; } .cat_roedores_home a p { text-decoration: none !important; line-height: 17px;color: #05807d; text-align: center; font-family: 'Oswald',sans-serif; text-transform: uppercase; font-size: 30px; padding-top: 210px; padding-left: 2px; padding-bottom: 5px; } .cat_roedores_home a p span {font-size: 19px; font-family: arial; font-weight: bold; display: block; line-height: 33px; } .leer_mas_tienda { display: none; } .lista_logo_marcas_home {height: 90px; padding-top: 10px; text-align: center;} .lista_logo_marcas_home li { float: left;margin-right: 22px; width: 8.5%; } .lista_logo_marcas_home li a img { width: 75px; height: 75px; } .lista_logo_marcas_home li:last-child { margin-right: 0; } #home.lista_productos_4_horiz li { float: left; border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #ece9e9; height: 153px; width: 23.5%; margin-right: 2%; margin-bottom: 16px; } #home.lista_productos_4_horiz li img { margin: 8px; display:block; width: 80px; float: left; } #home.lista_productos_4_horiz li:last-child { margin-right: 0; } #home.lista_productos_4_horiz li p { margin: 0 2px 0 10px; font-size: 13px; color: #414141; } #home.lista_productos_4_horiz li p a { font-size: 15px; text-decoration: underline; line-height: 18px; max-height: 39px; display: block; overflow: hidden; } #home.lista_productos_4_horiz li .bg_precio_lista_4_horiz {min-height: 52px; } #home.lista_productos_4_horiz li .price_listado_prods_nooffer, #home.lista_productos_4_horiz li .price_listado_prods { font-weight:bold; font-size: 18px; } .height_lista_productos_4_horiz { height: 78px; } .info_prod_listado_4_horiz { height: 235px; } .bg_precio_lista_4_horiz { background: #fbfafa; font-weight: bold; clear: both; border-top: 2px solid #ece9e9; min-height: 53px; margin-top: 4px; padding: 5px 10px 2px 0; } .bg_precio_lista_4_horiz .price_listado_prods_nooffer { font-size: 16px; } .precio_lista_productos_4_horiz { width: 85px; float: left; } .top_prod_4_horiz { padding: 10px 10px 3px 3px; } /* COMENTARIOS */ .header_stars { height: auto; clear: both; display: block; } .estrellas_prod { display: block; float: none; height: 18px; margin: -2px auto 0; overflow: hidden; width: 90px; } .estrellas_prod li { width: 18px !important; height: 18px !important; border: none !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; } .estrellas_prod li:last-child { display: block !important; } .estrellas_prod a { width: 18px; height: 20px; float: left; display: block;} .estrellas_prod a:hover { background: url("/img/new/estrellas.png") no-repeat scroll left 2px transparent; } .estrellas_1 { width: 18px; height: 20px; float: left; display: block; background: url("/img/new/estrellas.png") no-repeat scroll left 2px transparent; } .estrellas_2 { width: 18px; height: 20px; float: left; display: block; background: url("/img/new/estrellas.png") no-repeat scroll left -28px transparent; } .estrellas_0 { width: 18px; height: 20px; float: left; display: block; background: url("/img/new/estrellas.png") no-repeat scroll left -57px transparent; } .separador_star { margin: 0 6px; color: #b3b3b3; } .ribbon_descuento_home { position: absolute; width: 49px; height: 64px; z-index: 77; left: -7px; top: -7px; float:left; background: url("/img/new/sprite.png") no-repeat scroll 2px -529px transparent; } .ribbon_camion_home { position: absolute; width: 49px; height: 64px; z-index: 78; left: -7px; top: -7px; float: left; background: url("/img/new/sprite.png") no-repeat scroll 2px -444px transparent; } .ribbon_camion_home_portes { position: absolute; width: 377px; height:135px; z-index: 778; right: 2px; top: -120px; float: left; background: url(/img/new/enviogratuito.jpg) no-repeat scroll left 0 transparent; } .banner2_home { /*display: table;*/ display: none; width:25%; height: 249px; background: #F1FBD8; float: right; margin-top: 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border:2px solid #ECE9E9; } .valign {display:table-cell; vertical-align: middle; } .banner2_home .valign img { float: left; padding: 20px; width: 45%; } .banner2_home .valign p { float: left; width: 52%; padding: 20px 0 0; font-size: 18px; margin-bottom: 0 !important; } .banner2_home .valign p strong.title { font-size:24px; line-height: 22px; padding-bottom: 6px; display: inline-block; } .banner2_home .valign p a { padding-top: 15px; display: inline-block; font-size: 14px;} /* searchresults categorias 4 */ #banner_cat { margin: 0 auto 25px; clear: both; display: table; position: relative; } .banner_categorias { margin: 0; } .banner_categorias_img { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 2px solid #ece9e9; width: 696px; -webkit-box-shadow:0px 1px 5px #808080; -moz-box-shadow:0px 1px 5px #808080; box-shadow:0px 1px 5px #808080; } .banner_prod { overflow: hidden; -webkit-box-shadow:0px 1px 5px #808080; -moz-box-shadow:0px 1px 5px #808080; box-shadow:0px 1px 5px #808080; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 2px solid #ECE9E9; width: 695px; height: 183px; background: #FBFAFA; } .img_prod_banner { width: 150px;display: block; line-height: 190px; margin: 15px; float: left; border: 1px solid #ECE9E9; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; } .banner_hidden { height: 130px; overflow: hidden; } .item.banner_categorias { margin: 0; padding: 0; } .item.banner_categorias p a img { margin: 0 !important; padding: 0; width: 695px !important; max-height:190px; overflow: hidden; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: none; } /* REPONSIVE HOME TIENDA -------------------------------------------------------------------------------------------------------------------- */ @media (max-width: 500px) { .tiltetop_princ { margin-top: 15px; margin-bottom: 15px; font-size:1.8em; font-family: arial; font-weight: bold; } .categorias_home_tienda ul { margin-bottom: 30px; } .categorias_home_tienda ul li { width:100% !important; margin-bottom: 0% !important; height: 100px !important; border-bottom: 2px solid #ECE9E9 !important; border-top: 0 !important; border-right: 0 !important;border-left: 0 !important; } .cat_perros_home a p, .cat_gatos_home a p, .cat_peces_home a p, .cat_pajaros_home a p, .cat_reptiles_home a p, .cat_roedores_home a p { color: #414141 !important;display: block; margin-top: 14px !important; background:none !important; padding: 0; width: 200px; float: left; font-size: 29px !important; margin-left: 50px; } .cat_perros_home { background: url("/img/responsive/tienda/perros.jpg") no-repeat scroll left 0px #FFFFFF !important; background-size: 63px auto !important; } .cat_gatos_home { background: url("/img/responsive/tienda/gatos.jpg") no-repeat scroll left 9px #FFFFFF !important; background-size: 63px auto !important; } .cat_peces_home {background: url("/img/responsive/tienda/peces.jpg") no-repeat scroll -30px 0 #FFFFFF !important; background-size:110px auto !important; } .cat_pajaros_home { background: url("/img/responsive/tienda/pajaros.jpg") no-repeat scroll left 0 #FFFFFF !important; background-size: 63px auto !important; } .cat_roedores_home {background: url("/img/responsive/tienda/peq_mamiferos.jpg") no-repeat scroll left 4px #FFFFFF !important; background-size: 63px auto!important; } .cat_reptiles_home { background: url("/img/responsive/tienda/reptiles.jpg") no-repeat scroll left 24px #FFFFFF !important; background-size: 94px auto !important; } .cat_roedores_home a p span { font-family: 'Oswald',sans-serif;font-size: 29px !important; line-height: 43px; text-align: center; text-decoration: none !important;text-transform: uppercase; display: block !Important; font-weight: normal;} .cat_roedores_home a p { font-family: 'Oswald',sans-serif; font-size: 29px !important; line-height: 35px; text-align: center; text-decoration: none !important; text-transform: uppercase; margin-top: 5px !important; } .cat_roedores_home a {display: block; padding-top: 3px !important;text-decoration: none; } .leer_mas_tienda { display: block; border-left: 1px dotted #C7C7C7; color: #C7C7C7 !important; float: right; font-size: 16px !important; height: 100px; margin-left: 10px; padding-top: 25px; text-align: center; width: 30px; height: 72px; } .cat_roedores_home .leer_mas_tienda { height: 100px; margin-left: 10px; padding-top: 33px !Important; text-align: center; width: 30px; height: 76px;margin-top: 8px; } .datos_envio_empresa { width:100% !important; margin: 10px 0; } .box_buscador_productos { margin-top: 1px; width: 100%; } .box_buscador_productos #placeholdprod { width: 83% !important;} .buscador_home_tienda .submit_buscar { width: 15% !important; } .lista_logo_marcas_home { margin-top: 0 !important; } .lista_logo_marcas_home li { width: 12% !important; } .lista_logo_marcas_home li a img { width: 50px !Important; height: 50px !Important; } .buscador_home_tienda .submit_buscar { padding: 9px 0 8px; text-indent: -99999px; } .buscador_home_tienda .submit_buscar { background: url("/img/responsive/buscar.png") no-repeat scroll center center #f52966; background-size:26px 28px; } .buscador_home_tienda #placeholdprod { font-size: 14px; } .bg_atencion { background: url(/img/responsive/light_wool.png) repeat scroll 0 0 !Important; margin-top: 25px; } .bg_atencion p { font-size: 17px !Important; line-height: 27px !Important; margin-left: 10px!Important; margin-top: 31px ; } .bg_atencion p strong.title { font-size: 21px; line-height: 28px; } .bg_envio { background: url(/img/responsive/light_wool.png) repeat scroll 0 0 !Important; } .bg_envio p { font-size: 16px !Important; margin-top: 14px; margin-left:10px!Important; width: 85% !important; } .bg_envio p strong.title { font-size: 21px!Important; line-height: 28px; } .bg_envio p span.small {font-size:11px;} .bg_devolucion{ background: url(/img/responsive/light_wool.png) repeat scroll 0 0 !Important; } .bg_devolucion p{ margin-top: 27px!Important; font-size: 17px!Important; margin-left:10px!Important; line-height: 22px; width: 240px!Important; } .bg_devolucion p strong.title { font-size: 21px; line-height: 28px; } h4.homeh4 { font-family: arial !Important; color: #515151 !important; margin-bottom: 5px !important; font-size: 24px !Important; font-weight: bold !Important; line-height: 26px!Important; padding-top: 40px !Important; border-bottom:1px solid #ECE9E9 !important; } .texto_envio_free {color: #414141; float: left; font-size: 14px !important; margin-bottom: 2px; margin-top: 10px;} } @media (min-width: 501px) and (max-width: 767px) { .tiltetop_princ { margin-top: 15px; margin-bottom: 15px; font-size:2.2em; font-family: arial; font-weight: bold; } .categorias_home_tienda ul li { width:49% !important; margin-bottom: 3%; height: 190px !important; margin-right: 2%;} .categorias_home_tienda ul li:nth-child(even) { margin-right: 0 !important; } .cat_perros_home a p, .cat_gatos_home a p, .cat_peces_home a p, .cat_pajaros_home a p, .cat_reptiles_home a p, .cat_roedores_home a p { color: white; background-color:rgba(0, 0, 0, 0.7); display: block; margin-top: 129px; padding: 0; } .cat_perros_home { background: url("/img/responsive/tienda/perros.jpg") no-repeat scroll center -21px #FFFFFF;} .cat_gatos_home { background: url("/img/responsive/tienda/gatos.jpg") no-repeat scroll center -30px #FFFFFF;} .cat_peces_home {background: url("/img/responsive/tienda/peces.jpg") no-repeat scroll -114px -60px #FFFFFF !important;} .cat_pajaros_home { background: url("/img/responsive/tienda/pajaros.jpg") no-repeat scroll center -42px #FFFFFF; } .cat_roedores_home {background: url("/img/responsive/tienda/peq_mamiferos.jpg") no-repeat scroll center -87px #FFFFFF; } .cat_reptiles_home { background: url("/img/responsive/tienda/reptiles.jpg") no-repeat scroll center -39px #FFFFFF; } .cat_roedores_home a p span { font-family: 'Oswald',sans-serif;font-size: 24px; line-height: 43px; text-align: center; text-decoration: none !important;text-transform: uppercase; display: inline; font-weight: normal;} .cat_roedores_home a p { font-family: 'Oswald',sans-serif; font-size: 24px; line-height: 42px; text-align: center; text-decoration: none !important; text-transform: uppercase;} .datos_envio_empresa { width:100% !important; margin: 10px 0;} .box_buscador_productos { margin-top: 1px; width: 100%; } .box_buscador_productos #placeholdprod { width: 85%;} .lista_logo_marcas_home li { width: 15% !important; } .buscador_home_tienda .submit_buscar { padding: 9px 0 8px; text-indent: -99999px; } .buscador_home_tienda .submit_buscar { background: url("/img/responsive/buscar.png") no-repeat scroll center center #f52966; background-size:26px 28px; } .buscador_home_tienda #placeholdprod { font-size: 14px; } .bg_atencion { background: url(/img/new/infocompraayuda.jpg) no-repeat scroll right 0 !Important; margin-top: 25px; } .bg_atencion p { font-size: 17px; line-height: 27px; margin-left: 25px; margin-top: 31px; } .bg_atencion p strong.title { font-size: 21px; line-height: 28px; } .bg_envio { background: url(/img/new/infocompraenvio.jpg) no-repeat scroll right 0 !Important; } .bg_envio p { font-size: 16px; margin-top: 33px; margin-left:10px; } .bg_envio p strong.title { font-size: 21px; line-height: 28px; } .bg_envio p span.small {font-size:11px;} .bg_devolucion{ background: url(/img/new/infocompradevolusion.jpg) no-repeat scroll right 0 !Important; } .bg_devolucion p{ margin-top: 33px; font-size: 17px; margin-left:10px; line-height: 22px; width: 280px; } .bg_devolucion p strong.title { font-size: 21px; line-height: 28px; } } @media (width: 768px) { .datos_envio_empresa { width:32% !important; margin: 10px 0; height: 170px !important;} .bg_atencion p, .bg_envio p, .bg_devolucion p { margin-left: 10px !important; } } @media (min-width: 769px) and (max-width: 1150px) { .box_buscador_productos { margin-top: 1px; width: 50%; float: left; padding: 20px 0;} .texto_envio_free { font-size: 17px; margin-bottom: 10px; } .portes_gratis { width: 20% !Important; } .envio_vip_listado { width: 20% !Important; } .banner2_home { display: none;} .datos_envio_empresa { width: 31.4%; height: 160px;} .bg_atencion { background: url(/img/responsive/light_wool.png) repeat scroll 0 0 !Important; } .bg_atencion p { font-size: 17px !Important; line-height: 27px !Important; margin-left: 20px!Important; margin-top: 31px ; } .bg_atencion p strong.title { font-size: 21px; line-height: 28px; } .bg_envio { background: url(/img/responsive/light_wool.png) repeat scroll 0 0 !Important; } .bg_envio p { font-size: 16px !Important; margin-top: 14px; margin-left:20px!Important; } .bg_envio p strong.title { font-size: 21px!Important; line-height: 28px; } .bg_envio p span.small {font-size:11px;} #home.lista_productos_4_horiz { display: block; } .bg_devolucion{ background: url(/img/responsive/light_wool.png) repeat scroll 0 0 !Important; } .bg_devolucion p{ margin-top: 27px!Important; font-size: 17px!Important; margin-left:20px!Important; line-height: 22px; width: 240px!Important; } .bg_devolucion p strong.title { font-size: 21px; line-height: 28px; } .lista_logo_marcas_home li { width: 7.8%;} .buscador_home_tienda .submit_buscar { padding: 10px 0 9px; text-indent: -99999px; } .buscador_home_tienda .submit_buscar { background: url("/img/responsive/buscar.png") no-repeat scroll center center #f52966; border: none; background-size:26px 28px; } .buscador_home_tienda #placeholdprod { font-size: 16px; } } @media (max-width: 980px) { #banner_cat {display: none; } .banner2_home { display: none !important; } .buscador_home_tienda .submit_buscar { padding: 10px 0 9px; text-indent: -99999px; } .buscador_home_tienda .submit_buscar { background: url("/img/responsive/buscar.png") no-repeat scroll center center #f52966; background-size:26px 28px; } .buscador_home_tienda #placeholdprod { font-size: 18px; } .ribbon_camion_home_portes { display: none; } .box_buscador_productos { width: 100%; } .buscador_home_tienda .submit_buscar { padding: 12px 0 10px; } .categorias_home_tienda ul li { width:49%; margin-bottom: 3%; height: 190px; margin-right: 2%;} .categorias_home_tienda ul li:nth-child(even) { margin-right: 0 !important; } .cat_perros_home a p, .cat_gatos_home a p, .cat_peces_home a p, .cat_pajaros_home a p, .cat_reptiles_home a p, .cat_roedores_home a p { color: white; background-color:rgba(0, 0, 0, 0.7); display: block; margin-top: 129px; padding: 0; } .cat_perros_home { background: url("/img/responsive/tienda/perros.jpg") no-repeat scroll center -21px #FFFFFF;} .cat_gatos_home { background: url("/img/responsive/tienda/gatos.jpg") no-repeat scroll center -30px #FFFFFF;} .cat_peces_home {background: url("/img/responsive/tienda/peces.jpg") no-repeat scroll -45px -60px #FFFFFF;} .cat_pajaros_home { background: url("/img/responsive/tienda/pajaros.jpg") no-repeat scroll center -42px #FFFFFF; } .cat_roedores_home {background: url("/img/responsive/tienda/peq_mamiferos.jpg") no-repeat scroll center -87px #FFFFFF; } .cat_reptiles_home { background: url("/img/responsive/tienda/reptiles.jpg") no-repeat scroll center -39px #FFFFFF; } .cat_roedores_home a p span { font-family: 'Oswald',sans-serif;font-size: 24px; line-height: 43px; text-align: center; text-decoration: none !important;text-transform: uppercase; display: inline; font-weight: normal;} .cat_roedores_home a p { font-family: 'Oswald',sans-serif; font-size: 24px; line-height: 42px; text-align: center; text-decoration: none !important; text-transform: uppercase;} .datos_envio_empresa { width: 32%; margin-right: 14px; } .bg_atencion { background: url(/img/responsive/light_wool.png) repeat scroll 0 0; } .bg_atencion p { font-size: 17px !Important; line-height: 27px !Important; margin-left: 20px; margin-top: 31px ; } .bg_atencion p strong.title { font-size: 20px; line-height: 28px; } .bg_envio { background: url(/img/responsive/light_wool.png) repeat scroll 0 0; } .bg_envio p { font-size: 14px !Important; margin-top: 20px; margin-left:20px; } .bg_envio p strong.title { font-size: 20px!Important; line-height: 28px; } .bg_envio p span.small {font-size:11px;} .bg_devolucion{ background: url(/img/responsive/light_wool.png) repeat scroll 0 0; } .bg_devolucion p{ margin-top: 27px!Important; font-size: 17px!Important; margin-left:20px; line-height: 22px; width: 240px!Important; } .bg_devolucion p strong.title { font-size: 20px; line-height: 28px; } .lista_logo_marcas_home li { width: 7%;} .lista_logo_marcas_home li a img { height: 60px; width: 60px;} .buscador_home_tienda .submit_buscar { padding: 10px 0 9px; text-indent: -99999px; } .buscador_home_tienda .submit_buscar {border: none; background: url("/img/responsive/buscar.png") no-repeat scroll center center #f52966; background-size:26px 28px; width: 10%;font-size: 15px; } .buscador_home_tienda #placeholdprod { font-size: 18px; width: 88%;} .buscador_responsive { margin-top: 20px; padding: 12px 8px; margin-bottom: 0; } .texto_envio_free {color: #414141; float: left; font-size: 16px; margin-bottom: 2px; margin-top: 10px;} .box_buscador_productos { padding: 5px 0; } .btn_agregar_carrito a { font-size: 14px !important; width: 65px; } } @media (min-width: 1151px) and (max-width: 1550px) { .datos_envio_empresa { width: 31.4%;} .lista_logo_marcas_home li { width: 8%; } #banner_cat { margin: 0 auto 25px; float: none; position: relative; } .bg_envio p { width: 250px; margin-top: 14px;} .bg_devolucion p { width: 250px; } } @media (min-width: 981px) and (max-width: 1300px) { .categorias_home_tienda ul li { width:32%; margin-bottom: 3%; height: 190px !important; margin-right: 2%;} .categorias_home_tienda ul li:nth-child(3n){ margin-right: 0 !important; } .cat_perros_home a p, .cat_gatos_home a p, .cat_peces_home a p, .cat_pajaros_home a p, .cat_reptiles_home a p, .cat_roedores_home a p { color: white; background-color:rgba(0, 0, 0, 0.7); display: block; margin-top: 129px; padding: 0; } .cat_perros_home { background: url("/img/responsive/tienda/perros.jpg") no-repeat scroll center -21px #FFFFFF;} .cat_gatos_home { background: url("/img/responsive/tienda/gatos.jpg") no-repeat scroll center -30px #FFFFFF;} .cat_peces_home {background: url("/img/responsive/tienda/peces.jpg") no-repeat scroll -45px -60px #FFFFFF;} .cat_pajaros_home { background: url("/img/responsive/tienda/pajaros.jpg") no-repeat scroll center -42px #FFFFFF; } .cat_roedores_home {background: url("/img/responsive/tienda/peq_mamiferos.jpg") no-repeat scroll center -87px #FFFFFF; } .cat_reptiles_home { background: url("/img/responsive/tienda/reptiles.jpg") no-repeat scroll center -39px #FFFFFF; } .cat_roedores_home a p span { font-family: 'Oswald',sans-serif;font-size: 24px; line-height: 43px; text-align: center; text-decoration: none !important;text-transform: uppercase; display: inline; font-weight: normal;} .cat_roedores_home a p { font-family: 'Oswald',sans-serif; font-size: 24px; line-height: 42px; text-align: center; text-decoration: none !important; text-transform: uppercase;} .btn_agregar_carrito a { font-size: 15px !important; width: 75px; } } @media (min-width: 981px) and (max-width: 1400px) { #banner_cat { margin: 0 auto 25px; float: none; display: table; position: relative; } .banner2_home { display: none;} } @media (min-width: 1450px) and (max-width: 1499px) { .banner2_home { width: 27%; } } @media (min-width: 1550px) and (max-width: 1639px) { .banner2_home { width: 28%; } } @media (min-width: 1640px) { .banner2_home { width: 32%; } } @media (min-width: 1151px) { .box_buscador_productos { width: 950px; float: left; } } @media (min-width: 1100px) and (max-width: 1409px) { .banner2_home { width: 25%; } .box_buscador_productos { width: 50%; float: left; padding: 20px 0; } .portes_gratis { width:18% !Important; } .envio_vip_listado { width: 18% !Important; } } @media (min-width:1410px) and (max-width: 1449px) { .box_buscador_productos { width: 50%; margin: 20px 0; float: left; } } @media (min-width:1450px) { .box_buscador_productos { width: 60%; float: left; padding: 20px 0;} } /* FIN REPONSIVE HOME TIENDA -------------------------------------------------------------------------------------------------------------------- */ /* EMPIEZA LISTADO FILTROS -------------------------------------------------------------------------------------------------------------------- */ .subtitle_list {clear: both; padding-top: 10px; font-size: 17px; margin: 0 !important; } #left_list { float: left; margin-bottom: 25px; width: 25%; display: block; } #left_list2 { display: none; } #content_filters { float: right; margin-top: 10px;width: 73%; } #left_filters { float: left; overflow: hidden; margin-top: 10px; padding-bottom: 15px; background:#fbfafa; width: 100%; border: 2px solid #ece9e9; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; } #left_filters2 { float: left; overflow: hidden; margin-top: 10px; margin-bottom: 15px; padding-bottom: 15px; background:#fbfafa; width: 100%; border: 2px solid #ece9e9; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; } #left_list .side_div2 { width: 104%; } #content_filters #banner_cat { margin: 35px auto 30px; } .filters ul { clear: both; padding-top: 12px;padding-bottom: 0;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} .top_cr { background-color: white; padding: 10px 10px 8px; border-bottom: 2px solid #ece9e9; border-top: 2px solid #ece9e9; color: #414141; font-size: 19px; font-weight: bold; } .top_cr:first-child { border-top: 0 !important; } .filters li { padding-bottom: 0; } .filters li.n1 {width: 100%;clear: both; display: table; } .filters li.n1 ul{ margin-left: 18px; padding-top: 2px !important;padding-bottom: 0; clear: both;} .filters li.n1 ul li:last-child{ padding-bottom: 0 !important;} .filters li.n1 a {text-decoration:none; color: #515151; margin-right: 15px; display: block; } .filters li.n1 a:hover {text-decoration:underline !important; } .filters li.n1 a.ver_todo { text-align: right; font-size: 17px; text-decoration: underline;display: block; margin-top: 10px; margin-right: 15px; padding: 2px 0 !important; } .filters li.n1 a.cond_leg { text-align: left; font-size: 15px;display: block; margin-top: 5px; margin-left: 15px; padding: 2px 0 !important; color:#05807d; } .selector_filter { width: 12px; height: 12px; overflow: hidden; float: left; border: 1px solid #acacac; margin: 3px 5px 7px 18px;; background: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 0 2px -1px #000;-webkit-box-shadow: inset 0 0 2px -1px #000;box-shadow: inset 0 0 2px -1px #000; } .selected_filter { background-color: #CC0033; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .n2 { margin-left: 0; clear: both; font-size: 13px; } .n3 { margin-left: 0; clear: both; font-size: 10px; } .n4 { max-height: 150px; overflow: auto; margin-right: 15px; } .pad_bottom_list { padding-bottom: 6px; } .namelist_prod_tienda { font-size:17px;float: left; line-height: 1.3em; max-width: 70%; padding-bottom:3px; } .namelist_prod { font-size:14px;float: left; line-height: 1.3em; max-width: 60%; padding-bottom:10px; } .namelist_prod2 { font-size:14px;float: left; line-height: 1.3em; padding-bottom:10px; } .namelist_prodn2 { font-size:14px;float: left; line-height: 1.3em; padding-bottom:0; max-width: 70%; } .namelist_prodn3 { font-size:14px;float: left; line-height: 1.3em; max-width: 155px; padding-bottom:10px; } .list_num_cantidad {font-size:15px; color: #7b7b7b;padding: 0 !important; text-align: left; margin-left: 0; display: block; float: right; } .namelist_prod_tienda_selected ,.namelist_prod_selected { font-weight: bold; margin-bottom: 5px !important; } .ocultar_opciones_menu { text-align: right; clear: both; padding-top: 10px; font-size:14px; text-decoration: underline; } .mostrar_opciones_menu { text-align: right; clear: both; padding-top: 10px; font-size:14px; text-decoration: underline; } .viewall { margin-left: 0 !important; padding-bottom: 20px !important; } .clean_filters {background: url(/img/new/cerrar_small.png) no-repeat scroll 0 0 transparent; width: 11px; height: 11px; display: block; float: right; margin-top: 0; margin-left:4px; } .clean_filters2 {background: url(/img/new/cerrar_small.png) no-repeat scroll 0 0 transparent; width: 11px; height: 11px; display: block; margin-left: 10px; float: right; margin-top: 4px; } .description_list { display: table; width: 100%; } .description_left_list { width: 70%; display: table-cell; vertical-align: middle; padding-left: 175px; } .description_right_list { width: 18%; display: table-cell; vertical-align: middle; text-align: center; } .description_right_list .estrellas_prod { clear: both; } .description_right_list .btn_agregar_carrito {text-align: center; display: block; } .description_right_list .btn_agregar_carrito a {text-align: center; float: none; display:inline-table; } .description_right_list .price_search .precio_izq_lista { float: none !important; padding-right: 0; } .description_right_list .price_search .precio_izq_lista span.precio_tachado_ficha { width: 100%; } .description_right_list .price_search .precio { float: none !important; } .link_seguir2 { font-family: 'Oswald', sans-serif; color:#05807d !important; text-decoration: none; text-align: right; float: right; margin-top: 0; margin-bottom: 28px; display: block; padding-bottom: 3px; line-height: 20px;font-size: 17px; font-weight: normal; border-bottom: 1px dashed #006172; } .link_seguir2 a {text-decoration: none; color:#05807d !important;} .link_seguir2 a:hover { text-decoration: none; color:#CC0033 !important;} .margin15_bottom { margin-bottom: 15px !important; } .margin10_bottom { margin-bottom: 10px !important; } .nomarginpadding { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; } /* ComÚn listados */ .envio_vip_listado { margin-top: 14px; background: #f5f5f5; ; width: 14%; height: 50px; float: right; margin-left: 1%; border: 2px solid #FFF; display: table; } .portes_gratis { margin-top: 14px;background: #f5f5f5; width: 14%; height: 50px; float: right; border: 2px solid #FFF; display: table; } .portes_gratis p, .envio_vip_listado p { padding: 5px 10px; color: #05807d; font-size: 16px; font-weight: bold; line-height: 18px; text-align: center; display: table-cell; vertical-align: middle; } .title_listado { font-family: 'Oswald',sans-serif; font-size: 32px; font-weight: inherit; float: left; letter-spacing: 0pt; margin-bottom: 0; padding-bottom: 0; margin-top: 16px; } .section_title_listado { margin: 65px 0 0; width: 100%; clear: both; } body:nth-of-type(1) .section_title_listado { margin-top: 0; margin-bottom: 0; } .num_prod_title {color: #898A89; width: 105px; float: left; text-align: right; margin-top: 12px; margin-right: 20px; font-size: 14px; font-family: arial; line-height: 1.7em; } .right_title_listado { width: 40%; float: right; min-height: 30px; clear: none; padding-top: 17px; font-family: arial; margin-bottom: 3px; } .right_title_listado2 { display: none; } #orden_lista { width: 110px; float: left; margin-right: 20px; margin-top: 12px; } #orden_lista .select_order { width: 120px; color: #898A89; border:1px solid #D6D6D6; font-size: 14px; } .view-listform { width: 107px; float: right; margin-top: 6px; } .vista_listform { float: left; text-transform: uppercase; font-weight: bold; margin-top: 8px; margin-right: 12px; font-size: 13px; color: #898A89; } .view-listform .glyphicon { font-size:24px; color: #414141; } .view-listform a span.glyphicon { font-size:24px; color: #414141; opacity:0.4; filter:alpha(opacity=40);} #left_list { width: 25%; float: left; margin-bottom: 25px; margin-top: 20px; } .box_recibe_ofertas { border: 2px solid #d80040; float: left; width: 100%; height: 95px; margin-left: 10px; margin-top: 25px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; } .box_recibe_ofertas p { color: #d80040; font-size: 17px; font-weight: bold; padding: 15px 15px 10px; } .form_email_ofertas input.intro_email { margin: 0 5px 0 15px; border: 1px solid #c2c2c2; width: 140px; font-size: 15px; height: 23px; padding: 2px; -webkit-border-radius: 5px;border-radius: 5px; } .form_email_ofertas input.btn_mail { background: #d80041; width: 65px; cursor: pointer; color: white; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; height: 28px; padding: 4px 0; border: 1px solid #d80041; -webkit-border-radius: 5px;border-radius: 5px; font-family:Arial, Helvetica, sans-serif; } /* searchresults categorias 4 */ .camion_envio_banner { position: absolute; margin-left: 300px;} .descript_banner_text { float: left; margin: 10px 10px 10px 0; width: 480px; } .descript_banner_text .marca_search { color: #515151; font-size: 13px; padding-top: 5px; } .descript_banner_text a.title_prod { color: #05807d; font-size: 18px; line-height: 20px; font-weight: bold;} .descript_banner_text .descripcion_search {color:#515151; font-size: 13px; margin-top: 3px; } .descript_banner_text .unidades_search {color: #515151; font-size: 13px; margin: 8px 0; } .descript_banner_text .price_search { padding: 0 10px; width: 500px; } .descript_banner_text .price_search .precio_izq_lista { float: left; z-index: 333; padding-right: 30px; padding-top: 8px; } .descript_banner_text .price_search .precio { padding: 0; float: left; color:#414141; font-size: 19px; font-weight: bold; } .btn_agregar_carrito_banner a { box-shadow:inset 0px 2px 0px 0px #a0ce2e; width: 90px; float: right; margin-top: -2px !important; display: block;text-decoration: none !important; color: #FFF; font-weight: bold; text-align: center; text-decoration: none; font-size: 16px !important; padding: 7px 0 4px; border-top: 1px solid #7da811; border-left: 2px solid #7da811; border-right: 2px solid #7da811; border-bottom: 2px solid #7da811; -o-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #88B615; } .btn_agregar_carrito_banner a:hover { background: #79a114; box-shadow:inset 0px 2px 0px 0px #88b714; } .btn_agregar_carrito_banner a:active {position:relative; top:1px; } #searchresults_categorias { padding: 10px 0 0; clear: both; } #searchresults_categorias li { float: left; position: relative; width: 22%; margin-right: 21px; z-index: 2; border: 2px solid #ece9e9; margin-bottom: 25px; display: inline-table; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* saf3+, chrome1+ */ /*@media screen and (-webkit-min-device-pixel-ratio:0) { #searchresults_categorias li { width: 22.7%; } }*/ #searchresults_categorias li:nth-child(4n+4) { margin-right: 0 !important; } #searchresults_categorias li img { width: 90px; display: block; margin: 15px auto 2px; } #searchresults_categorias li ul { margin: 5px auto; } .block_oferta_categorias { display: table; width: 87%; color:#d80040; line-height: 14px; height: 33px; overflow: hidden; text-align: center; font-weight: bold; padding: 2px 10px; font-size: 15px; background: #fbfafa; border-bottom: 2px solid #ece9e9; } .block_oferta_categorias a { display: table-cell; vertical-align: middle; color:#d80040;font-weight: bold; text-decoration: none; } .block_oferta_categorias a:hover {text-decoration: underline; } #searchresults_categorias li ul li { width: 91%; max-height: 20px; overflow: hidden; padding: 2px 0 1px; display: block; text-align: center; margin: 0 0 0 5px; border-left: 0; border-right: 0; border-top: 0; border-radius: 0; border-bottom: 1px dashed #cccccc; } #searchresults_categorias li ul li:first-child { padding-top: 6px; } #searchresults_categorias li ul li a { text-decoration: none; font-size: 13px;} #searchresults_categorias li ul li a:hover { text-decoration: underline;} .block_ver_todos_categorias { position: relative; min-height: 133px; color:#d80040;text-align: center; font-weight: bold; padding: 10px; font-size: 13px; background: #fbfafa; border-top: 2px solid #ece9e9; } .link_span_todo { color: #05807d; text-decoration: underline; cursor: pointer; font-size: 13px; display: inline-block; padding-top: 5px; } .lista_logo_marcas {background: url(/img/new/mejores_marcas.jpg) no-repeat scroll left; width: 714px; height: 72px;} /* searchresults horizontal */ #listado_tienda #searchresults_horiz li {width: 100%; } #searchresults_horiz, .searchresults_horiz { padding: 10px 0 0; width: 100%;} #searchresults_horiz li, .searchresults_horiz li { width: 100%; position: relative; width: 96%; z-index: 2; border-bottom: 1px solid #ece9e9; margin-bottom: 0; display: inline-table; padding: 10px 15px 10px 10px; } #searchresults_horiz li:first-child, .searchresults_horiz li:first-child { border-top: 1px solid #ece9e9;} #searchresults_horiz li:last-child,.searchresults_horiz li:last-child { margin-bottom: 15px;} #searchresults_horiz li .marca_search { color: #515151; font-size: 15px; padding-top: 10px; margin-bottom: 0; } #searchresults_horiz li a.title_prod, #searchresults_horiz li span.title_prod { font-size: 20px; } #searchresults_horiz .info_mvl_cachorro_list p { margin-bottom: 3px; } #searchresults_horiz .info_mvl_cachorro_list p.size4 { font-size: 19px; } #searchresults_horiz .info_mvl_cachorro_list p a.size2 { font-size: 17px; } #searchresults_horiz .info_mvl_cachorro_list p.orange { color: #d9a300 !important; } #searchresults_horiz .info_mvl_cachorro_list a:hover p.orange, #searchresults_horiz .info_mvl_cachorro_list a:hover p.green, #searchresults_horiz .info_mvl_cachorro_list a:hover p.red {text-decoration:underline; } #searchresults_horiz li .descripcion_search {color: #898a89; font-size: 15px; margin-top: 3px; } #searchresults_horiz li .unidades_search {color: #898a89; font-size: 17px; margin: 8px 0 0; } #searchresults_horiz li img, .searchresults_horiz li img { float: left; margin-left: -175px; margin-right: 10px; width: 155px; display: block; } #searchresults_horiz li .img_criador_listado { display: block; height: 150px; width: 150px; overflow: hidden; float: left; margin-left: -170px; margin-right: 10px; } #searchresults_horiz li .img_criador_listado img { display: block; min-height: 100%; min-width: 150px; margin-left: 0; } #searchresults_horiz li .price_search { padding: 0 10px; display: inline-table;} #searchresults_horiz li .price_search .precio_izq_lista { float: left; z-index: 333; padding-top: 8px; } #searchresults_horiz li .price_search .precio { padding: 0; float: left; color:#414141; font-size: 22px; font-weight: bold; } #content_filters_criadores_full #searchresults_horiz li.basic_pack .img_criador_listado { display: block; height: 75px; width: 75px; overflow: hidden; float: left; margin-left: -90px; margin-right: 10px;} #content_filters_criadores_full #searchresults_horiz li.basic_pack { padding-left: 85px; } #content_filters_criadores_full #searchresults_horiz li.basic_pack .img_criador_listado img {width: 75px;margin-left: 0; min-height: inherit; min-width: initial; } #content_filters_criadores_full #searchresults_horiz li.basic_pack .description_left_list { padding-left: 20px; padding-right: 140px;} #content_filters_criadores_full #searchresults_horiz li .description_left_list { padding-right: 140px;} #content_filters_criadores_full #searchresults_horiz li.sotano { padding-left: 0; padding-bottom: 15px; } #content_filters_criadores_full #searchresults_horiz li.sotano .description_left_list { width: 100%; padding-left: 0;} #content_filters_criadores_full #searchresults_horiz li.sotano .description_left_list a.title_prod, #content_filters_criadores_full #searchresults_horiz li.sotano .description_left_list span.title_prod { font-size: 17px;} #content_filters_criadores_full #searchresults_horiz li.sotano .description_left_list p { margin-bottom: 0; font-size: 12px;} #content_filters #searchresults_horiz li .btn_agregar_carrito a { font-size: 18px !important; width: 120px; } .block_oferta_der { position: relative; color:#88b615; font-weight: bold; padding: 10px 17px 10px 10px; font-size: 16px; right: -42px; float: right; top: -10px; -webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px; background: #fbfafa; border-left: 2px solid #ece9e9; border-bottom: 2px solid #ece9e9; display: inline-table; } .camion_lista { display: block; position: absolute; right: 18px; } .ribbon_descuento { position: relative; width: 49px; height: 64px; z-index: 888; right: -30px; top: -16px; float: right; background: url("/img/new/sprite.png") no-repeat scroll 0 -530px transparent; } .ribbon_camion { position: relative; width: 49px; height: 64px; z-index: 888; right: -30px; top: -16px; float: right; background: url("/img/new/sprite.png") no-repeat scroll 0 -445px transparent; } .block_oferta_der2 { position: relative; color:#88b615; font-weight: bold; padding: 10px 17px 10px 10px; font-size: 16px; right: -42px; float: right; top: 118px; -webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px; background: #fbfafa; border: 2px solid #ece9e9; display: inline-table; } .ribbon_descuento2 { position: relative; width: 49px; height: 64px; z-index: 888; right: -27px; top: 121px; float: right; background: url("/img/new/sprite.png") no-repeat scroll 0 -530px transparent; } .ribbon_camion2 { position: relative; width: 49px; height: 64px; z-index: 888; right: -27px; top: 113px; float: right; background: url("/img/new/sprite.png") no-repeat scroll 0 -445px transparent; } .destacado_lista_prod { display: none; } .title_prods_lista { display: none; } /* searchresults GRID */ #searchresults_grid { padding: 10px 0 0; clear: both; } #searchresults_grid li { height: 359px; float: left; display: block; position: relative; width: 31.1%; border: 2px solid #ece9e9; margin-bottom: 25px; border-radius: 5px; margin-right: 28px; } #searchresults_grid li:nth-child(3n+3) { margin-right: 0 !important; } #searchresults_grid li .prod_grid {padding: 10px 10px 0;} #searchresults_grid li .prod_grid_precio {padding: 6px 10px; clear: both;} #searchresults_grid li .marca_search { color: #515151; font-size: 15px; padding-top: 10px; margin: 0; } #searchresults_grid li a.title_prod { font-size: 17px; display: block; max-height: 48px; min-height: 48px; overflow: hidden; } #searchresults_grid li .descripcion_search {color: #898a89; font-size: 14px; margin-top: 3px; } #searchresults_grid li .unidades_search {color: #898a89; font-size: 15px; margin: 8px 0; float: left; } #searchresults_grid li img {width: 150px; height: 150px; display: block; margin: 15px auto 2px; } #searchresults_grid li .price_search { padding: 0 10px; } #searchresults_grid li .price_search .precio_izq_lista { float: left; z-index: 333; padding-right: 30px; padding-top: 8px; } #searchresults_grid li .price_search .precio { padding: 0; float: left; color:#414141; font-size: 19px; font-weight: bold; } #searchresults_grid .price_listado_prods, #searchresults_grid .price_listado_prods_nooffer { font-weight: bold; font-size:24px; } #searchresults_grid .price_listado_prods_nooffer { margin-top:8px; } .oferta_grid { position: absolute; top: 0; width: 100%; z-index: 40; } .block_oferta_grid { position: relative; color:#88b615; font-weight: bold; padding: 7px 10px 6px; font-size: 18px; opacity: 0.9; background: #fbfafa; border-bottom: 2px solid #ece9e9; } .notextoffer { height: 18px; } .ribbon_descuento_grid { position: relative; width: 49px; height: 64px; z-index: 77; right: 7px; top: -7px; float:left; background: url("/img/new/sprite.png") no-repeat scroll 2px -529px transparent; } .ribbon_camion_grid { position: relative; width: 49px; height: 64px; z-index: 78; right: 7px; top: -7px; float: left; background: url("/img/new/sprite.png") no-repeat scroll 2px -444px transparent; } .ribbon_descuento_home { position: absolute; width: 49px; height: 64px; z-index: 77; left: -7px; top: -7px; float:left; background: url("/img/new/sprite.png") no-repeat scroll 2px -529px transparent; } .ribbon_camion_home { position: absolute; width: 49px; height: 64px; z-index: 78; left: -7px; top: -7px; float: left; background: url("/img/new/sprite.png") no-repeat scroll 2px -444px transparent; } /* Destacados Top */ .scrollable1 { position:relative; overflow:hidden; width: 100%; height: 310px; z-index: 20; } .scrollable1 .items { width:20000em; position:absolute; clear:both; top: -4px; } .scrollable1 .items .item { float:left; width:970px; } .scrollable-controls { position: absolute; right: -21px; margin-top: 125px; z-index: 300; width: 990px; } .scrollable-controls a.browse { background:url("/img/new/sprite.png") no-repeat scroll 0 -2401px transparent; display:block; width:28px; height:57px; float:left; cursor:pointer; } .scrollable-controls a.browse:hover, .scrollable-controls a.browse:active { background:url("/img/new/sprite.png") no-repeat scroll 0 -2488px transparent; } .scrollable-controls a.right { background-position: -35px -2398px; clear:right; margin: 0 0 0 924px; text-indent: 9999px;} .scrollable-controls a.right:hover, .scrollable-controls a.right:active { background:url("/img/new/sprite.png") no-repeat scroll -35px -2485px transparent; } .scrollable-controls a.left { margin: 3px 5px 3px 0; text-indent: -9999px;} .scrollable-controls a.left:hover { } .scrollable-controls a.left:active { } .scrollable03 { position:relative; overflow:hidden; width: 100%; height: 310px; z-index: 20; } .scrollable03 .items { width:20000em; position:absolute; clear:both; } .scrollable03 .items .item { float:left; width:608px;} .scrollable-controls03 { position: absolute; right: 43px; margin-top: 125px; z-index: 300; width: 600px; } .scrollable-controls03 a.browse { background:url("/img/new/sprite.png") no-repeat scroll 0 -2401px transparent; display:block; width:28px; height:57px; float:left; cursor:pointer; } .scrollable-controls03 a.browse:hover, .scrollable-controls a.browse:active { background:url("/img/new/sprite.png") no-repeat scroll 0 -2488px transparent; } .scrollable-controls03 a.right { background-position: -35px -2398px; clear:right; margin: -62px 0 0 618px; text-indent: 9999px;} .scrollable-controls03 a.right:hover, .scrollable-controls a.right:active { background:url("/img/new/sprite.png") no-repeat scroll -35px -2485px transparent; } .scrollable-controls03 a.left { margin: 3px 5px 3px 0; text-indent: -9999px;} .scrollable-controls03 a.left:hover { } .scrollable-controls03 a.left:active { } .lista_productos_3 { width: 100%; } .lista_productos_3 li { float: left; position: relative; border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #ece9e9; min-height: 258px; width: 194px; margin-right: 7px; margin-bottom: 2%; } .lista_productos_3 li img { margin: 10px auto 6px; display:block; } .lista_productos_3 li:last-child { margin-right: 0 !important; } .lista_productos_3 li p { margin: 0 10px; font-size: 13px; color: #414141; } .lista_productos_3 li p a { font-size: 15px; text-decoration: underline; line-height: 18px; max-height: 39px; display: block; overflow: hidden; } .height_prods_3 { height: 78px; } .precio_lista_productos_3 { width: 85px; float: left; } /*.scrollable-controls3 { position: relative; left: 620px; top: -15px; z-index: 600; display: table; }*/ #banner_cat .scrollable-controls3 { margin-top: -19px; } .scrollable-controls3 { margin-top: 8px; position: absolute; right: 10px; z-index: 40; } .scrollable-controls3 a.browse { display:block; width:8px; height:8px; float:left; cursor:pointer; } .scrollable-controls3 a.right { background-position: -8px 0; clear:right; margin: 3px 0 3px 5px; text-indent: 9999px; display: none;} .scrollable-controls3 a.right:hover { background-position: -8px -8px; } .scrollable-controls3 a.right:active { background-position: -8px -16px; } .scrollable-controls3 a.left { margin: 3px 5px 3px 0; text-indent: -9999px;} .scrollable-controls3 a.left:hover { background-position: 0 -8px; } .scrollable-controls3 a.left:active { background-position: 0 -16px; } .scrollable-controls3 .navi { float: left; height:14px; } .scrollable-controls3 .navi a { width:8px; height:8px; float:left; margin:3px; background:url("/img/scrollable-navi.png") 0 0 no-repeat; display:block; font-size:1px; } .scrollable-controls3 .navi a:hover { background-position:0 -8px; } .scrollable-controls3 .navi a.active { background-position:0 -16px; } .scrollable-controls3 a.disabled { visibility:hidden !important; } .zoom_img_ficha img { max-width: 100%; } .zoom_img_ficha .modal-header { border: none; } .zoom_img_ficha .modal-body { padding: 0 20px 20px; text-align: center; } ul#searchresults_horiz img.lazo_destacado_mvl { display: none;} /* REPONSIVE LISTADO TIENDA -------------------------------------------------------------------------------------------------------------------- */ @media (max-width: 767px) { #left_list { display: none; } #left_list2 { width: 100%; display: block; } #left_filters2:last-of-type { display: none; visibility: hidden; } #left_filters2 { -webkit-transition: .125s linear; -moz-transition: .125s linear; -ms-transition: .125s linear; -o-transition: .125s linear; transition: .125s linear; } #left_list2 input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; } [for="read_more2"] { width: 100%; background: #f2f2f2; box-shadow:inset 0px 2px 0px 0px #f9f9f9; font-weight: bold; text-align: center; font-size: 16px; padding: 10px 0 9px; margin: 0 0 1px; display: inline-block; color:#414141; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; border-top: 1px solid #e5e5e5; border-left: 2px solid #e5e5e5; border-right: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; } [for="read_more2"]:hover { color: #222; text-decoration: none; background: white; box-shadow:inset 0px 2px 0px 0px #f9f9f9; } [for="read_more2"] span:last-of-type {display: none; visibility: hidden; } #left_list2 input[type=checkbox]:checked ~ #left_filters2 { display: block; visibility: visible; width: 100%; } #left_list2 input[type=checkbox]:checked ~ [for="read_more2"] span:first-of-type { display: none; visibility: hidden; } #left_list2 input[type=checkbox]:checked ~ [for="read_more2"] span:last-of-type { display: block; visibility: visible; } #left_list2 input, #left_list2 label { display:block; } #content_filters { width: 100%; } #content_filters #searchresults_horiz li { width: 100%; } #content_filters #searchresults_horiz li .btn_agregar_carrito a { font-size: 14px !important; width: 70px; } .right_title_listado { width: 100% !Important; clear: both !Important; padding: 3px 0 8px; min-height: 20px; } .num_prod_title { text-align: left; font-size: 15px; width: 120px !Important; float: left; } #orden_lista { width: 45% !Important; float: right; margin-right: 0; } #orden_lista .select_order { background: white; } .show_filters_btn { display: inline-block; padding: 6px 0 5px !Important; margin: 10px 0 !Important; } .show_filters_btn{ } .show_filters_btn:hover, .show_filters_btn:active{ } .portes_gratis {margin-bottom: 20px; } .envio_vip_listado {margin-bottom: 20px; } .view-listform { display: none; } .camion_lista { display: none; } .right_title_listado2 { display: block; border-bottom:2px solid #ECE9E9; padding-bottom: 10px; } #orden_lista { float: right; width: auto; } #orden_lista .select_order { color: #898A89; width: 100%;} .title_listado { font-size: 24px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; width: 100%; margin-bottom: 5px;display: block; } .subtitle_list { font-size: 12px; display: none; } h4 { font-size: 19px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; line-height: 20px;} h3.titletop { font-size: 22px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; line-height: 23px;} #searchresults_horiz li { border-right: 0; border-left: 0; border-top: 0; border-radius: 0; padding: 0 0 6px; } #searchresults_horiz li img { width: 60px; margin-left: -70px; margin-right: 0; } #searchresults_horiz li .img_criador_listado { display: block; height: 70px; width: 70px; overflow: hidden; float: left; margin-left: -70px; margin-right: 10px; } #searchresults_horiz li .img_criador_listado img { display: block; min-height: 100%; min-width: 70px; margin-left: 0; } #searchresults_horiz li .price_search .precio { font-size: 16px; } .descripcion_search { display: none; } #searchresults_horiz li a.title_prod, #searchresults_horiz li span.title_prod {font-size: 17px !important; line-height: 16px; } .btn_agregar_carrito a { width: 65px; font-size: 14px !important; } #searchresults_horiz li .marca_search { padding: 0; margin: 0; font-size: 14px; } #searchresults_horiz li .unidades_search { margin: 0; font-size: 14px; } .description_left_list { padding-left: 70px; } #searchresults_horiz li .price_search .precio_izq_lista { padding-top: 0; } .destacado_lista_prod { margin-bottom: 10px; display: block; margin-top: 22px; } .destacado_lista_prod li { background: #f7fcec; margin-bottom: 0 !important; padding-top: 10px !important; } .title_prods_lista { font-weight: bold; font-size: 16px; display: block; clear: both; padding-top: 8px; color: #739B0D; } .intro { margin: 15px 0 0; } #searchresults_grid li { width: 100% !important; } #searchresults_grid li .estrellas_prod li { border: medium none !important; border-radius: 0 !important; height: 18px !important; margin: 0 !important; padding: 0 !important; width: 18px !important; } #banner_cat {display: none; } #left_list input, #left_list label { display: none; } h4.titles_home { line-height: 29px; font-size: 26px; font-weight: bold; text-transform: none; margin: 20px 0 15px; text-align: center; padding-bottom: 10px;} } @media (max-width: 768px) { #content_filters_criadores_full #searchresults_horiz li.basic_pack .img_criador_listado { height: 45px; width: 45px; overflow: hidden;margin-left: -55px; margin-right: 10px;} #content_filters_criadores_full #searchresults_horiz li.basic_pack { padding-left: 45px; } #content_filters_criadores_full #searchresults_horiz li.basic_pack .img_criador_listado img {width: 45px;margin-left: 0; min-height: inherit; min-width: initial; } #content_filters_criadores_full #searchresults_horiz li.basic_pack .description_left_list { padding-left: 10px;} #content_filters_criadores_full #searchresults_horiz li.basic_pack .description_left_list {padding-right: 0;} #content_filters_criadores_full #searchresults_horiz li .description_left_list {padding-right: 0;} ul#searchresults_horiz img.lazo_destacado_mvl { width: 60px; display: block; margin-right: -14px; float: right; right: -20px; margin-left: 0;} #content_filters_criadores_full #searchresults_horiz li.sotano { padding-left: 0; padding-bottom: 8px;} #content_filters_criadores_full #searchresults_horiz li.sotano .leer_mas_razas2 {height: 65px;} #content_filters_criadores_full #searchresults_horiz li.sotano .leer_mas_razas2 .glyphicon {top: -14px;} } @media (max-width: 980px) { #left_list { width: 100%; margin-bottom: 0 !important; } #left_list2 { display: none; } #content_filters { width: 100%; } #content_filters #searchresults_horiz li { width: 100%; } .right_title_listado { width: 100% !important; } .portes_gratis, .envio_vip_listado { display: none; } .top_cr {font-size: 17px; } .namelist_prod_tienda { font-size: 16px; } .list_num_cantidad { font-size: 12px !important; } #searchresults_grid li { width: 30.6%; } .right_title_listado { clear: none; float: none; width: auto; border: none; } .num_prod_title {width: 200px; } #banner_cat { display: table; margin: 0 auto 25px; position: relative; } } @media (max-width: 768px) and (max-width: 790px) { #left_list { display: none; } #left_list2 { width: 100%; display: block; } #content_filters { width: 100%; } #content_filters #searchresults_horiz li { width: 100%; } .portes_gratis { float: left !important; width: 47% !important; margin-top: 3%;} .right_title_listado { width: 100% !important; } .envio_vip_listado { float: right; width: 47% !important; margin-top: 3%;} .top_cr {font-size: 17px; } .namelist_prod_tienda { font-size: 16px; } .list_num_cantidad { font-size: 12px !important; } #searchresults_grid li { width: 30.9%; } .right_title_listado { clear: none; float: none; width: auto; border: none; } .num_prod_title {width: 236px; } #banner_cat {display: none; } #left_list input, #left_list label { display: none; } } @media (min-width: 981px) and (max-width: 1200px) { #searchresults_grid li { width: 30.5%; } .namelist_prod_tienda { font-size: 16px; } .list_num_cantidad { font-size: 13px; } #left_filters { display: block; } #left_list input, #left_list label { display: none; } } @media (min-width:1400px) { #listado_tienda .box_buscador_productos { width: 60%; } .portes_gratis, .envio_vip_listado { width: 18%; } #content_filters .lista_logo_marcas_home li {width: 12% !important;} #left_filters { display: block; } #left_list input, #left_list label { display: none; } } @media (min-width: 1200px) and (max-width: 1399px) { #content_filters .lista_logo_marcas_home li {width: 12% !important;} #content_filters .lista_logo_marcas_home li a img { height: 75px; width: 75px;} #left_filters { display: block; } #left_list input, #left_list label { display: none; } .right_title_listado { width: 50%;} } @media (max-width: 1199px) { #content_filters .lista_logo_marcas_home li {width: 11.5% !important;} #content_filters .lista_logo_marcas_home li a img { height: 60px; width: 60px;} #left_filters { display: block; } #left_list input, #left_list label { display: none; } .right_title_listado { width: 53%;} } @media (max-width: 767px) { #content_filters .lista_logo_marcas_home li {width: 17% !important;} #content_filters .lista_logo_marcas_home li a img { height: 50px !important; width: 50px !important;} #left_list input, #left_list label { display: none; } .description_left_list { width: 43%;} } @media (max-width: 980px) { #left_filters:last-of-type { display: none; visibility: hidden; } #left_filters { -webkit-transition: .125s linear; -moz-transition: .125s linear; -ms-transition: .125s linear; -o-transition: .125s linear; transition: .125s linear; } #left_list input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; } [for="read_more"] { width: 100%; cursor: pointer; background: #f2f2f2; box-shadow:inset 0px 2px 0px 0px #f9f9f9; font-weight: bold; text-align: center; font-size: 16px; padding: 10px 0 9px; margin: 0 0 1px; display: inline-block; color:#414141; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; border-top: 1px solid #e5e5e5; border-left: 2px solid #e5e5e5; border-right: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; } [for="read_more"]:hover { color: #222; text-decoration: none; background: white; box-shadow:inset 0px 2px 0px 0px #f9f9f9; } [for="read_more"] span:last-of-type {display: none; visibility: hidden; } #left_list input[type=checkbox]:checked ~ #left_filters { display: block; visibility: visible; width: 100%; } #left_list input[type=checkbox]:checked ~ [for="read_more"] span:first-of-type { display: none; visibility: hidden; } #left_list input[type=checkbox]:checked ~ [for="read_more"] span:last-of-type { display: block; visibility: visible; } #left_list input, #left_list label { display:block; } .right_title_listado { display: inline-table; width: 100% !important; } .num_prod_title { width: auto; } } @media (width: 768px) { #left_list2 { display: none; } #left_list { width: 100%; display: block; } #content_filters { width: 100%; } #content_filters #searchresults_horiz li { width: 100%; } #left_filters:last-of-type { display: none; visibility: hidden; } #left_filters { -webkit-transition: .125s linear; -moz-transition: .125s linear; -ms-transition: .125s linear; -o-transition: .125s linear; transition: .125s linear; } #left_list input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; } [for="read_more"] { width: 100%; cursor: pointer; background: #f2f2f2; box-shadow:inset 0px 2px 0px 0px #f9f9f9; font-weight: bold; text-align: center; font-size: 16px; padding: 10px 0 9px; margin: 0 0 1px; display: inline-block; color:#414141; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; border-top: 1px solid #e5e5e5; border-left: 2px solid #e5e5e5; border-right: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; } [for="read_more"]:hover { color: #222; text-decoration: none; background: white; box-shadow:inset 0px 2px 0px 0px #f9f9f9; } [for="read_more"] span:last-of-type {display: none; visibility: hidden; } #left_list input[type=checkbox]:checked ~ #left_filters { display: block; visibility: visible; width: 100%; } #left_list input[type=checkbox]:checked ~ [for="read_more"] span:first-of-type { display: none; visibility: hidden; } #left_list input[type=checkbox]:checked ~ [for="read_more"] span:last-of-type { display: block; visibility: visible; } #left_list input, #left_list label { display:block; } #searchresults_grid li {width: 30.8%;} .detalle_prod_ficha {float: left !important;width: 49% !important;margin-right: 15px !important;} .big_img_prod_ficha a img {width: 360px !important;height: 360px !important;} .img_prod_ficha { width: 47% !important; } .descripcion_producto_ficha_lote { margin-left: 15px !important; width: 56% !important; } .lote_producto_ficha { width: 36% !important; } .descripcion_producto_ficha_larga { width: 95% !important;margin-left: 15px !important; } .price_prod_dif { width: 68px !important; } .productos_dif_name { width:43% !important; } .descripcion_producto_ficha {display: block !important; padding: 0 15px !important; } .ipad { display: none !important } .right_opinion { display: block !important; } .nocomment{display: block !important; } .yesipad {display: block !important; } .cabecera { font-size: 1em;} #searchresults_grid .price_listado_prods, #searchresults_grid .price_listado_prods_nooffer { font-weight: bold; font-size:20px; } .precio_lista_productos_5 { width: 95px; } } /* ------FICHA PRODUCTO ----- */ .img_prod_ficha { width: 49%; float: left; margin-top: 10px; margin-bottom: 15px; } .ribbon_recomendado { background: url(/img/new/ribbon_recomendado.png) no-repeat scroll left 0 transparent; width: 164px; height: 164px; position: relative; left: 0; top: 0; z-index: 400; } .big_img_prod_ficha{ width: 410px; height: 430px; margin: 0 auto; text-align: center; position: relative; } .big_img_prod_ficha a img{ width: 410px; height: 410px; position: absolute; z-index: 8; left: 0; top: 0; padding: 4px; } .text_img_ampliar_ficha { font-size: 1.3em; text-align: center; width: auto; color:#818080; margin: 0 auto; } .text_img_ampliar_ficha a { background: url(/img/new/lupa.png) no-repeat scroll left 0 transparent; padding: 0 0px 5px 20px;text-decoration: none; margin-right: 5px; } .text_img_ampliar_ficha a:hover { text-decoration: underline; } .thumbnail_prod_ficha { margin: 22px 40px 0 10px; width: 80px; text-align: center; float: left; } .thumbnail_prod_ficha li { overflow: hidden; display: inline-block; border: 1px solid #e0e0e0; width: 78px; height: 78px; margin-bottom: 12px; margin-right: 12px; text-align: center; border-radius: 4px; } .thumbnail_prod_ficha li:nth-child(4n+4) { margin-right: 0 !important; } .thumbnail_prod_ficha li img{ width: 78px;height: 78px;} .thumbnail_prod_ficha li:last-child { margin-right: 0; } .thumbnail_prod_ficha li.active { border: 2px solid #d70040; margin-bottom: 10px; margin-right: 11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .thumbnail_prod_ficha li.plus { border: none; width: 24px; height: 24px; margin-top: 26px; background: url(/img/new/plus.png) no-repeat scroll left 0 transparent;} .thumbnail_prod_ficha_lotes { margin: 0; width: 100%; text-align: center; } .thumbnail_prod_ficha_lotes li { float: left; width: 78px; height: 78px; margin-bottom: 12px; margin-right: 12px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .thumbnail_prod_ficha_lotes li img{ width: 78px;height: 78px; border: 1px solid #e0e0e0;} .thumbnail_prod_ficha_lotes li:last-child { margin-right: 0; } .thumbnail_prod_ficha_lotes li.plus { border: none; width: 24px; height: 24px;padding-bottom: 52px; margin-top: 26px; background: url(/img/new/plus.png) no-repeat scroll left 0 transparent;} .thumbnail_prod_ficha_lotes li.plus:nth-child(5n) { margin-right: 30px !important;} .message_box { background: #f6f6f6; display: inline-block; width: 100%; border: 2px solid #ece9e9; padding: 10px; height: auto; clear: both; text-align: left; border-radius: 5px; color: #515151; font-size: 17px; } .lote_producto_ficha h3 { border-bottom: 2px solid #ECE9E9; color: #333; font-family: 'Oswald',sans-serif; font-size: 20px; font-weight: normal; line-height: 20px; margin: 30px 0 0; padding-bottom: 10px; text-transform: uppercase;} .lotes { margin-top: 25px;margin-bottom: 15px;} .text_lote_producto_ficha { font-size: 14px; padding: 4px 5px 14px; ;clear: both; } .price_lote_prod_ficha { margin-top: 11px; padding: 0; float: left; margin-right: 20px; font-size: 26px;color: #739B0D;font-weight: bold; line-height: 15px; } .precio_tachado_lote { color:#818080 !important; font-size: 18px; text-decoration:line-through; } .ahorro_lote_ficha {font-size:18px;margin-top: 7px; float: left; font-weight: bold; } .lotes .btn_compra_carrito { float: right; } .lotes .btn_compra_carrito a { background:#88B615; border: 2px solid #7DA811; text-align: center; } .lotes .btn_compra_carrito a:hover { background: #79A114; border: 2px solid #7DA811; } .detalle_prod_ficha { float: right; width: 50%; margin-top: 12px; margin-bottom: 5px; } .detalle_prod_ficha_comment { float: left; width: 615px; margin-top: 12px; margin-bottom: 5px; } .nombre_marca_prod_ficha { color:#d80040; font-size: 26px; font-weight: normal; border: none; line-height: 25px; margin-bottom: 7px; } .marca_prod_ficha { color:#414141; font-size: 34px; font-weight: normal; line-height: 36px; margin-bottom: 10px; margin-top: 5px;} .marca_descrip_prod_ficha { color:#414141; font-size: 17px; line-height: 22px; } .detalle_prod_ficha .btn_compra_carrito a { border: 2px solid #79A114;background: #88B615; font-size: 24px; } .detalle_prod_ficha .btn_compra_carrito a:hover { background: #79A114; color: #FFF !important; } .detalle_prod_ficha .btn_compra_carrito a:active {position:relative; top:1px; color: #FFF !important; } .box_descrip_prod_ficha2 { border-top:1px dashed #C4C4C4; margin-top: 8px; font-size: 16px; line-height: 22px; color:#848484; padding: 10px 0; } .box_descrip_prod_ficha2 ul { list-style: none; margin-bottom: 8px; } .box_descrip_prod_ficha2 ul li { padding: 0; margin-bottom: 6px; float: left; display:block; width: 100%; line-height: 18px; font-weight: bold; } .box_descrip_prod_ficha2 ul li:last-child { margin-bottom: 20px; } .oferta_descrip_prod_ficha { color:#d80040; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-align: center;} .unidades_descrip_prod_ficha ul { font-weight: bold; font-size: 16px; color:#848484; margin-top: 10px; clear: both; display: inline-table; } .unidades_descrip_prod_ficha ul li { float: left; } .unidades_descrip_prod_ficha ul li:nth-child(even){ border-left: 2px solid #DBDBDB; margin-left: 10px; padding-left: 35px; background: url("/img/new/camion_entrega2.png") no-repeat scroll 10px 0 transparent; } .plazo_header_ficha {display: inline-block; padding-left: 24px; margin-left: 0; background: url("/img/new/camion_entrega2.png") no-repeat scroll 0 0 transparent; color:#414141; font-weight: normal; } .detalle_prod_ficha .alert p { font-size: 18px; text-align: center; } .box_price_prod_ficha { -webkit-box-shadow:0px 1px 5px #808080; -moz-box-shadow:0px 1px 5px #808080; box-shadow:0px 1px 5px #808080; clear: both; border: 2px solid #ece9e9; height: 110px;border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 6px; padding-bottom: 35px !important; background: #fdfdfd; } .header_price_prod_ficha { background: #f6f6f6;border-bottom: 2px solid #ece9e9; padding: 10px 10px 35px; } .header_tit_izq_prod_ficha { width: 33%; float: left; font-size: 21px; padding-left: 10px; } .header_tit_cent_prod_ficha{ width: 31%; float: left; font-size: 21px; text-align: left; } .header_tit_der_prod_ficha { width: 33%; float: left;font-size: 21px; } .price_izq_prod_ficha { margin-top: 22px;font-size: 22px; font-weight: bold; } .precio_tachado_ficha { color:#818080 !important; font-size: 13px; text-decoration:line-through; } .cantidad_cent_prod_ficha{ float: none; margin-top: 22px !important; } .numeric-stepper {width:45px; height:30px; display:block; position:relative; z-index: 88; overflow:hidden; background: url(/img/new/numeric_stepper.png) no-repeat scroll left 0 transparent; } .numeric-stepper input { width:30px; height:100%; float:left; text-align:center; vertical-align:center !important; font-size:100%; border:none; background:none; padding:0; } .numeric-stepper button { z-index:100; position:absolute; right:0; width:17px; height:15px; background:none; border:none; padding:0; margin:0; filter:alpha(opacity=0);/* IE */-moz-opacity:0; /* Gecko */-khtml-opacity:0; /* Konqueror */opacity:0; /* CSS2 */ cursor: pointer; } .numeric-stepper button.minus { bottom:0; } .total_price_der_prod_ficha { margin-top: 19px;font-size: 25px; font-weight: bold; } .text_price_der_prod_ficha { font-size: 13px; font-size: 1.2em; color: #888; padding: 4px 0 0 18px; clear: both; display: block; float: left;} .btn_carrito_ficha { margin-bottom:80px !important; margin-top: 14px; } ul.productos_dif_formatos_prod { border: 2px solid #ECE9E9; margin-bottom: 20px; padding: 1px 8px 8px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } ul.productos_dif_formatos_prod li { border-bottom: 1px dashed #dcdcdc; width: 100%; clear: both; height: 58px; margin-top: 8px; } ul.productos_dif_formatos_prod li:last-child { border: none;} ul.productos_dif_formatos_prod li img { display: block; float: left; height: 50px; margin: 0 10px 6px 0; width: 50px; } .price_prod_dif {display: table; float: left; text-align: right; width: 24%; height: 50px; } .productos_dif_name {display: table; float: left; font-size: 14px; height: 50px; line-height: 18px; margin: 0; padding: 0; width: 47%;} .productos_dif_name a { display:table-cell; line-height: 17px; height: 50px; overflow: hidden; padding-right: 8px;vertical-align: middle;} .productos_dif_caract {color: #848484; display: table-cell;font-size: 16px; padding: 0 10px; text-align: center; vertical-align: middle; width: 25%;} .price_prod_dif_final {color: #414141; display: table-cell; font-size: 16px; font-weight: bold; vertical-align: middle;} .precio_tachado_prod_dif { color: #818080 !important;font-size: 12px; text-decoration: line-through; margin-right: 10px; display: table-cell; vertical-align: middle; padding-right: 8px; } .productos_dif_formatos_prod .btn_agregar_carrito a {width: 13%; font-size: 16px; } .descripcion_producto_ficha_lote { float: left; width: 58%; margin: 0 2% 0 0;font-size: 17px; line-height: 22px; } .descripcion_producto_ficha { width: 100%; margin: 0 auto;font-size: 1.4em; line-height: 20px; clear: both; } .descripcion_producto_ficha_larga { float: left; width: 100%; margin: 0 10px;font-size: 17px; line-height: 24px; } .descripcion_producto_ficha_larga ul, .descripcion_producto_ficha_lote ul { list-style-type: disc; margin: 0 0 0 25px; padding: 0; } .descripcion_producto_ficha_larga ul li, .descripcion_producto_ficha_lote ul li { margin-bottom:5px; } .descripcion_producto_ficha_larga ul br, .descripcion_producto_ficha_lote ul br { display: none; } .descripcion_producto_ficha_larga ul br, .descripcion_producto_ficha_lote ul br { display: none; } .descripcion_producto_scroll { width: 100%; position: relative; z-index: 100; } .tit_buscador_section { color: #333; font-family: 'Oswald',sans-serif; font-size: 25px; font-weight: normal; padding-bottom: 12px; } .nodesk { display: none; } .lote_producto_ficha { float: right; width: 40%; padding: 5px 0 0 24px;} .lote_producto_ficha h3 { border-bottom: 2px solid #ECE9E9; color: #333; font-family: 'Oswald',sans-serif; font-size: 30px; font-weight: normal; line-height: 25px; margin: 30px 0 0; padding-bottom: 10px; text-transform: uppercase;} .lotes { margin-top: 25px;margin-bottom: 15px;} .text_lote_producto_ficha { font-size: 14px; padding: 4px 5px 14px; ;clear: both; } .lotes_precio { width: 60%; float: left; } .price_lote_prod_ficha { margin-top: 3px; padding: 0; float: left; font-size: 24px;color: #739B0D;font-weight: bold; line-height: 15px; } .precio_tachado_lote { color:#818080 !important; font-size: 16px; text-decoration:line-through; } /* COMENTARIOS */ .comment_title { display: inline-block; font-family: 'Oswald',sans-serif; font-size: 32px; font-weight: normal; line-height: 30px; text-transform: uppercase;} #content_prod .estrellas_prod { display: inline-block; float: left; width: 98px; } #content_prod .estrellas_prod li { width: 18px !important; height: 18px !important; border: none !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; } #content_prod .estrellas_prod a { width: 18px; height: 20px; float: left; display: block;} #content_prod .estrellas_prod a:hover { background: url("/img/new/estrellas.png") no-repeat scroll left 2px transparent; } .separador_star { margin: 0 6px; color: #b3b3b3; } .opinion_ficha { padding-left: 390px; } .left_opinion { width: 350px; margin-left: -390px; float: left; margin-top: 8px; } .right_opinion { width: 100%; float: right; margin-top: 8px; } .header_opiniones_media { background: url("/img/new/opiniones_media.png") no-repeat scroll left top transparent; width: 350px; font-size: 17px; padding-top: 16px; height: 65px; z-index:50; position: absolute;} .media_opinion_left { background: white; margin: 50px 0 0 12px; clear: both; width: 328px; z-index: 60; border: 2px solid #ece9e9; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; } .media_estrellas {padding: 12px 0 15px 30px; font-size: 17px;} .smallmedia {font-size:13px; } .leer_media { background: #FBFAFA; border-top: 2px solid #ECE9E9; padding:8px 0 12px 30px; font-size: 18px; display: block; margin-top: 20px; } .tcenter {text-align: center; display: inline-block; margin: 0 auto !important; } .tcenter2 {text-align: center; display: block; margin: 0 auto !important; } .user_opinions { margin-bottom: 18px; } .user_opinions .list { border-bottom: 1px dashed #C4C4C4; width: 100%; display: inline-table; padding: 12px 0; font-size: 13px; padding-left: 75px; } .user_opinions .list:first-child { padding-top: 1px; } .user_opinions .user_img { width: 60px; float: left; margin-left: -75px; } .user_opinions .user_img img { border: 1px solid #C4C4C4; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; height: 60px; width: 60px; float: left; } .user_comment { float: left; } .user_comment2 { float: left; } .user_comment .comment, .user_comment2 .comment { font-size: 16px; line-height: 24px; } .user_comment .comment p, .user_comment2 .comment p { margin-bottom: 7px; } .user_comment .gristxt, .user_comment2 .gristxt { font-size: 13px !important; margin-bottom: 0; } #form_comment { float: left;font-size: 12px; margin: 25px 0; width: 100%; padding-left: 200px; } #form_comment label { display: block; float: left; font-size: 18px; font-weight: normal; padding-top: 6px; width: 200px; margin-left: -200px; } #form_comment input { border: 1px solid #c2c2c2; width:100%; font-size: 15px; padding: 2px; border-radius: 5px; padding: 7px 2px; } #form_comment .explicacion_campo { float: right;width: 66%; font-size: 12px; margin-bottom: 10px; padding-left: 0; margin-top: 5px; } #form_commento select { border: 1px solid #c2c2c2; -webkit-border-radius: 5px;border-radius: 5px; padding: 7px; width:40%; margin-bottom: 10px; } #form_comment select.select_fecha { border: 1px solid #c2c2c2; -webkit-border-radius: 5px;border-radius: 5px; padding: 2px 2px; width: 207px; margin-bottom: 10px; margin-right: 15px; } #form_comment select option { width: 140px; } #form_comment input.inputsmall { width: 40%; padding: 7px; } #form_comment input.inputautonomo { width: 380px; } #form_comment input.checkbox { float: left; width: 10px; margin-right: 10px; border: none; display: inline-block; background-color: #d3d3d3; padding: 1px 6px; } #form_comment input.radio { float: left; width: 10px; margin-right:5px; border: none !important; } #form_comment .textarea_comment { border: 1px solid #c2c2c2; margin-bottom: 6px; width: 100%; height: 174px; border-radius: 5px; font-size: 12px; padding: 4px; } #form_comment a.bt-green-s { margin-top: 5px; } #iniciosesion .btn_compra_carrito a{font-size: 16px; padding: 2px 18px 3px; } .tucodigo_coment { background: url("/img/new/tucodigo_coment.png") no-repeat scroll left top transparent; width: 366px; height: 300px; display: block; text-decoration: none !important; } .tucodigo_coment_mens { width: 225px; padding-left:30px; margin: 0; padding-top: 45px; font-size: 21px; text-decoration: none !important; color:#414141; line-height: 22px; } .tucodigo_coment_mens_small { color: #747474; font-size: 12px; line-height: 15px; padding-left: 30px; padding-top: 10px; text-decoration: none !important; width: 215px; } .nocomment { background: url("/img/nocoment2.jpg") no-repeat scroll left top transparent; height: 300px; clear: both; padding-top: 30px; padding-left: 410px; font-size: 20px; line-height: 28px; } .nocommentstrong { color:#88b615; font-size: 25px; line-height: 30px;} .opiniones_media2 {border: 2px solid #ECE9E9; display: block; padding-bottom: 20px; width: 53%; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; overflow: hidden; } .tucodigo_comentpage { background: url("/img/new/tucodigo_comentpage.jpg") no-repeat scroll left top transparent; line-height: 23px; width: 229px; height: 232px; display: block; text-decoration: none !important; } .tucodigo_coment_mens2 { width: 190px; padding-left: 27px; padding-top: 15px; font-size: 20px; text-decoration: none !important; color:#414141; } .tucodigo_coment_mens2_small { width: 180px; padding-left: 27px; padding-top: 10px; font-size: 11px; line-height: 14px; text-decoration: none !important; color:#747474; } .flecha_comentpage { background: url("/img/new/flecha_comment.png") no-repeat scroll left top transparent; margin: -3px 8px 0 0; display: block; float: left; height: 36px; width: 69px; } .header_media2 { font-size: 1.7em; display: table; margin: 0 auto !important; text-align: center; padding: 15px 15px 5px; border-bottom: 2px solid #ECE9E9; background: #FBFAFA; width: 100%; } .media_estrellas2 { font-size: 17px; padding: 17px 0 4px 25px; display: inline-table; margin: 0 auto;} .media_estrellas2 .estrellas_prod { float: left; margin-left: 8px; margin-top: 2px; } .media_estrellas2 .smallmedia { font-size: 15px; margin-left: 4px;} .link_vercomentarios { text-decoration: none; text-transform: none; float: right; } .header_media2 {margin-bottom: 10px !Important; font-size: 1.4em; padding: 10px 15px 0;} .opiniones_media2 {padding-bottom: 10px; width: 50%; } .marca_descrip_prod_ficha { font-size: 20px; line-height: 26px; margin-bottom: 0; } .img_prod_opina { float: right; margin-bottom: 15px; margin-top: 10px; width: 350px; margin-top: 0; margin-right: -430px;} .big_img_prod_opina img { border: 2px solid #ECE9E9; height: 300px; margin-left: 13px; margin-top: 52px; padding: 11px; width: 327px; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} .detalle_prod_opina { float: left; margin-bottom: 5px; width: 100%; margin-top: 15px; padding-right: 430px; } .explicacion_comment_form { width: 385px; padding-left: 180px; float: left; } .label_comment_form { width: 176px; clear: both; } .header_comment_form { padding: 16px 15px 20px;} .link_volver_comment {margin-right: 0; margin-top: 40px; float: left;} .link_seguir { font-family: 'Oswald', sans-serif; color:#006172 !important; text-decoration: none; text-align: right; float: right; margin-top: 12px; margin-bottom: 14px; display: inline-block; padding-bottom: 3px; line-height: 20px;font-size: 19px; font-weight: normal; border-bottom: 1px dashed #006172; } .link_seguir a {text-decoration: none; color:#006172 !important;} .link_seguir a:hover { text-decoration: none; color:#CC0033 !important;} #wrap2 {position: relative;padding: 10px;overflow: hidden;} #gradient {width:100%;height:35px;background: url("/img/bg-gradient.png") repeat-x;position:absolute;bottom:0;left:0;} #read-more {padding:5px;background:#fff;color:#333; text-align: right;} #read-more a {padding-right:22px;font-weight:bold;text-decoration:none;} #read-more a:hover {color:#000;} .input_comment_form .estrellas_prod {width: 175px !important; height: 35px !important; display: block; } .input_comment_form .estrellas_prod a { height: 30px !important; width: 30px !important; } .input_comment_form .estrellas_prod li { margin-right: 4px !important; height: 30px !important; } .input_comment_form .estrellas_prod li.estrellas_0 { width: 30px !important; height: 30px !important; float: left; display: block; background: url("/img/responsive/estrellas_comment.png") no-repeat scroll left -49px / 30px auto transparent; } .input_comment_form .estrellas_prod li.estrellas_1 { width: 30px !important; height: 30px !important; float: left; display: block; background: url("/img/responsive/estrellas_comment.png") no-repeat scroll left 0 / 30px auto transparent; } .input_comment_form .estrellas_prod a:hover { background: url("/img/responsive/estrellas_comment.png") no-repeat scroll left 0 / 30px auto transparent; width: 30px !important; height: 30px !important; padding: 0; } .input_comment_form .separador_star { font-size: 16px; display: block; margin-top: 5px; margin-bottom: 0 !Important; padding-bottom: 0 !important; width: 150px; height: 30px; } .container .left_comments { float: left; width: 65%; margin-top: 16px;} .container .right_comments{ float: right; width: 30%; margin-top: 0;} /* REPONSIVE COMENTARIOS PRODUCTOS -------------------------------------------------------------------------------------------------------------------- */ @media (min-width: 1500px) { .detalle_prod_opina .marca_prod_ficha { margin-bottom: 20px; width: 100%;} .opiniones_media2 {width: 53%; } } @media (min-width: 1401px) and (max-width: 1590px) { .detalle_prod_opina .marca_prod_ficha { margin-bottom: 20px; width: 100%;} .opiniones_media2 { width: 47%; } .left_comments .marca_prod_ficha {width: 100%; } .media_estrellas2 { display: table; font-size: 17px; margin: 0 auto; padding: 0 0 10px; } } @media (min-width: 1201px) and (max-width: 1400px) { .marca_prod_ficha { margin-bottom: 20px; width: 100%;} .opiniones_media2 { width: 47%; } .left_comments .marca_prod_ficha {width: 100%; } .media_estrellas2 { display: table; font-size: 17px; margin: 0 auto; padding: 0 0 10px; } .right_comments h3.smalltitle { font-size: 26px;} } @media (min-width: 1101px) and (max-width: 1200px) { #form_comment { width: 108%; } .detalle_prod_opina .marca_prod_ficha { margin-bottom: 20px; width: 160%;} .comment_title { display: inline-block;font-family: 'Oswald',sans-serif; font-size: 30px; font-weight: normal; line-height: 39px; margin: 0; text-transform: uppercase;} .opiniones_media2 { width: 47%; } .left_comments .marca_prod_ficha {width: 100%; } .media_estrellas2 { display: table; font-size: 17px; margin: 0 auto; padding: 0 0 10px; } .right_comments h3.smalltitle { font-size: 26px;} } @media (min-width: 1101px) and (max-width: 1150px) { .container .right_comments .lista_productos_4_horiz { display: block; } .opiniones_media2 { width: 45%; } .left_comments .marca_prod_ficha {width: 100%; } .media_estrellas2 { display: table; font-size: 17px; margin: 0 auto; padding: 0 0 10px; } .right_comments h3.smalltitle { font-size: 24px;} } @media (min-width: 1001px) and (max-width: 1100px) { #form_comment { width: 110%;} #form_comment input, #form_comment .textarea_comment { width: 100%; } #form_comment { width: 100%; padding-left: 0px; } #form_comment label { display: block; float: left; font-size: 18px; font-weight: normal; padding-top: 6px; width: 200px; margin-left: 0px; } .detalle_prod_opina .marca_prod_ficha { margin-bottom: 20px; width: 170%;} .comment_title { display: inline-block;font-family: 'Oswald',sans-serif; font-size: 30px; font-weight: normal; line-height: 39px; margin: 0; text-transform: uppercase;} #form_comment .explicacion_campo { width: 100%; } .label_comment_form:last-of-type { display:none !important; } .left_comments .marca_prod_ficha { margin-bottom: 20px; width: 97%;} .opiniones_media2 { width: 40%; } .media_estrellas2 { display: table; font-size: 17px; margin: 0 auto; padding: 0 0 10px; } .header_stars { padding-bottom: 10px; } .right_comments .lista_productos_4_horiz { display: block; } .right_comments h3.smalltitle { font-size: 24px;} .left_comments .descripcion_producto_ficha { padding-top: 25px; } } @media (max-width: 1000px) { #form_comment { width: 110%; padding-left: 0px; } #form_comment label { display: block; float: left; font-size: 18px; font-weight: normal; padding-top: 6px; width: 100%; margin-left: 0px; } .detalle_prod_opina .marca_prod_ficha { margin-bottom: 20px; width: 185%;} .comment_title { display: inline-block;font-family: 'Oswald',sans-serif; font-size: 28px; font-weight: normal; line-height: 39px; margin: 0; text-transform: uppercase;} #form_comment .explicacion_campo { width: 100%; } .label_comment_form:last-of-type { display:none !important; } .link_volver_comment { margin-right: 0 !important; } .container .right_comments { display: none; } .container .left_comments .marca_prod_ficha { width: 100%; margin-top: 0; } .left_comments { width: 100% !Important; } .media_estrellas2 { display: table; font-size: 17px; margin: 0 auto; padding: 0 0 10px; } .header_media2 {margin-bottom: 10px !Important; font-size: 1.4em; padding: 10px 15px 0;} .opiniones_media2 {padding-bottom: 10px; width: 47%; } .marca_descrip_prod_ficha { font-size: 20px; line-height: 26px; margin-bottom: 20px; } .header_stars {font-size: 16px; padding-bottom: 10px; } .header_stars .estrellas_prod {margin: 1px 10px 0 0; } .left_comments a.bt-green-s{ display: table; float: none !important; margin: 0 auto; } } @media (width: 768px) { .detalle_prod_opina { margin-left: 15px; width: 98%; } .img_prod_opina { margin-right: -402px;} .header_stars .nomvl { display: block; } .productos_dif_name a { display: inline-block; overflow: hidden !important; } .container .left_comments { padding-left: 15px; padding-right: 15px; } .container .left_comments .descripcion_producto_ficha { padding: 0 !important; } .comment_title { width: 220%;margin-bottom: 19px;} #form_comment { margin: 0; } .link_volver_comment { margin-right: -10% !important; margin-top: 35px; } } @media (max-width: 767px) { #form_comment { width: 100% !Important;} .detalle_prod_opina { padding: 2px 0!important; width: 92% !important; padding-left: 15px !important; } .detalle_prod_opina .marca_prod_ficha { position: absolute; display: inline-block; font-size: 18px; line-height: 22px; margin-bottom: 0px; width: 90%; padding-left: 140px;} .img_prod_opina { float: none; margin-right: 0; position: relative; width: 135px;} .big_img_prod_opina img { width: 120px; height: 120px; margin-left: 0; margin-top: 0 !important; position: relative; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #form_comment label { width:100%; font-weight: bold; font-size: 20px;} #form_comment input, #form_comment .textarea_comment, #form_comment .explicacion_campo { width:100% !important; } .label_comment_form:last-of-type { display:none !important; } #form_comment { margin-top: 0; } #form_comment a.bt-green-s { text-align: center; padding: 8px 14px 7px; font-size: 18px; width: 100% !important; margin-top: 5px; } .link_volver_comment { margin-right: 0; } .header_opiniones_media { display: none; } .input_comment_form .estrellas_prod {height: 30px !important; width: 175px !important; height: 35px; } .input_comment_form .estrellas_prod a { height: 30px !important; width: 30px !important; } .input_comment_form .estrellas_prod li { margin-right: 4px !important; } .input_comment_form .estrellas_prod li.estrellas_0 { width: 30px !important; height: 30px !important; float: left; display: block; background: url("/img/responsive/estrellas_comment.png") no-repeat scroll left -49px / 30px auto transparent; } .input_comment_form .estrellas_prod li.estrellas_1 { width: 30px !important; height: 30px !important; float: left; display: block; background: url("/img/responsive/estrellas_comment.png") no-repeat scroll left 0 / 30px auto transparent; } .input_comment_form .estrellas_prod a:hover { background: url("/img/responsive/estrellas_comment.png") no-repeat scroll left 0 / 30px auto transparent; } .input_comment_form .separador_star { font-size: 15px; display: block; margin-top: 5px; width: 100px; float: left; } .comment_title { display: none !Important; } .comment_title2 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; color: #739B0D; border-top: 1px solid #ECE9E9; padding-top: 10px; clear: both; width: 100%; font-size: 23px !important; font-weight: normal !important; line-height: 28px !important; } .container .left_comments { float: left; width: 96% !important; padding: 0 0 0 15px; margin-top: 0; } .container .right_comments{ display: none; } .container .left_comments .marca_prod_ficha { width: 100%; margin-top: 15px; } .left_comments .header_stars { clear: both; display: block; font-size: 20px; height: auto; line-height: 32px;} .left_comments .header_stars .estrellas_prod { margin: 5px 5px 0 0; } .opiniones_media2 { width: 100%; display: block; float: none !important; margin: 0 auto 20px; max-width: 300px; } .tucodigo_coment { display: none; } .container .left_comments .descripcion_producto_ficha { padding: 0; } .media_estrellas2 { display: table; font-size: 15px; margin: 0 auto; padding: 5px 0;} .header_media2 { font-size: 1.3em; padding: 10px 15px 0px; margin-bottom: 15px !important; } .detalle_prod_opina .marca_prod_ficha { width: 95%; } #content_prod .header_stars { clear: both; display: block; font-size: 17px; height: auto; line-height: 32px;} #content_prod .header_stars .estrellas_prod { margin: 4px auto 0; } .user_opinions .list {padding: 12px 0; } .user_opinions .user_img { float: left; margin-left: 0;width: 60px; margin-right: 10px; } .user_comment2 { float: none; } .user_comment .comment, .user_comment2 .comment { margin-left: 0; clear: both; padding-top: 5px; ; } .user_comment .comment p, .user_comment2 .comment p{ margin: 0; } .user_comment .estrellas_prod, .user_comment2 .estrellas_prod { margin: 4px 0; width: 70%; } .user_comment .gristxt, .user_comment2 .gristxt { float: left; width: 70%; } .left_comments a.bt-green-s{ width: 100% !important; } .media_estrellas2 { font-size: 18px; } .marca_descrip_prod_ficha { font-size: 16px; line-height: 22px; margin-bottom: 20px; } .link_vercomentarios { text-decoration: none; text-transform: none; float: none; margin: 0 auto; display: table; padding: 5px 0; margin-bottom: 25px; background: #FBFAFA; border: 2px solid #ECE9E9; font-size: 14px; width: 100%; text-align: center; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .user_comment2 .comment { max-height: 210px;position: relative;overflow: hidden; } .user_comment2 .comment .read-more { position: absolute; bottom:0; left: 0;width: 100%; text-align: center; margin: 0; padding:60px 0 30px; /* "transparent" only works here because == rgba(0,0,0,0) */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white)); background-image: -webkit-linear-gradient(top, transparent, white); background-image: -moz-linear-gradient(top, transparent, white); background-image: -ms-linear-gradient(top, transparent, white); background-image: -o-linear-gradient(top, transparent, white);} .button_read { border-top:1px solid #D6D6D6; text-align: center;margin-top: 9px;position: absolute;left: 0;background: white;width: 100%; height: 23px; font-weight: bold; font-size: 16px; line-height: 28px;} .button_read:hover { border:1px solid #D6D6D6; } .button_read:active {border:1px solid #D6D6D6;} } /* PROCESO COMPRA: CESTA */ .tabs_4{ width: 100%; clear: both; margin: 15px 0 0; padding: 0; display: inline-table; position: relative; z-index: 8; } .tabs_4 li { width: 25%; padding: 10px 0; color: #A5A5A5; float: left; text-align: center; background: #eeeeee; border-left: 2px solid #d3d3d3; border-top: 2px solid #d3d3d3; border-bottom: 2px solid #d3d3d3; font-size: 20px; } .tabs_4 li:last-child{ border-left: none;border: 2px solid #d3d3d3; border-right:2px solid #d3d3d3; } .tabs_4 li.active { border-top: 3px solid #05807D; border-bottom: 2px solid white; background: white; color: #05807D !important; } .tabs_4 li.ok { background: #EEEEEE; color: #739B0D !important; } .tabs_4 li.success { background: #ecf3da; color: #739B0D !important; } .btn_compra_carrito2 { text-align: center; display: inline-block; } .btn_compra_carrito2 a { font-family: Helvetica,Arial,sans-serif;cursor: pointer; font-weight: bold; box-shadow:inset 0px 1px 0px 0px #FC5F8E; margin-top: 9px; display: block;color: #FFF; text-decoration: none; font-size: 17px; padding: 8px 16px 7px; color: #FFF; text-transform: uppercase; border: 2px solid #b52526; border-radius: 6px; background-color: #d80041; } .btn_compra_carrito2 a:hover { background: #c6053d; border: 2px solid #9c0732; color: #FFF !important; } .btn_compra_carrito2 a:active {position:relative; top:1px; color: #FFF !important; } .box_carrito_desplegado1 .price_prod_carrito {font-size: 22px; margin-right: 11px; margin-top:10px !important; } .process_productos_cesta .numericstepper { width: 65px !important; height: 40px !important;} .process_productos_cesta .numericstepper input { width: 40px !important; font-size: 18px !important; } .process_productos_cesta .ui-spinner-up { height: 20px !important; width: 25px!important; top: 15px !important; } .process_productos_cesta .ui-spinner-down { height: 20px !important; width: 25px!important; top: 35px !important;} .process_productos_cesta { float: left; margin: 10px 0; width: 65%; } .process_productos_cesta .seguir_comprando { font-size: 25px; margin-top: 30px; line-height: 32px; } .box_carrito_desplegado1 { padding: 0; background: #FFF; margin: 0 5px 0 0; } .box_carrito_desplegado1 ul li { display: table; padding: 10px 5px; width: 100%;} .box_carrito_desplegado1 ul { border-bottom: 1px dashed #C4C4C4; display: -block; width: 100%;} .box_carrito_desplegado1 ul:last-of-type{ border-bottom: none;} .box_carrito_desplegado1 ul li img { float: left; display: block; width: 50px; height: 50px; padding: 5px 8px 5px 2px; margin-right: 10px; } .name_prod_carrito2 { display: table-cell; vertical-align: middle; width: 70%; margin-top: 4px; font-size: 17px; line-height: 16px; float: left; } .resumen_compra_final .name_prod_carrito2 { font-size: 19px; } .cantidad_cent_prod_ficha_despl { margin: 0 0 0 7px !important; } .price_prod_carrito2 { vertical-align: middle; width: 220px; margin-top:0; display: table-cell; } #cesta_process1 { background: url(/img/new/process_sprite.jpg) no-repeat scroll left 0; width: 619px; height: 55px; } #cesta_process2 { background: url(/img/new/process_sprite.jpg) no-repeat scroll left -60px; width: 619px; height: 55px; } #cesta_process3 { background: url(/img/new/process_sprite.jpg) no-repeat scroll left -119px; width: 619px; height: 55px; } #cesta_process4 { background: url(/img/new/process_sprite.jpg) no-repeat scroll left -180px; width: 619px; height: 55px; } #cesta_process1 ul li, #cesta_process2 ul li, #cesta_process3 ul li, #cesta_process4 ul li { display: block; float: left; text-align: center; padding: 18px 0; color: #999999; font-size: 16px; } .dest_cesta_process { font-size: 19px !important; color: #555555 !important; } .one_process { width: 185px; } .two_process { width: 140px; } .three_process { width: 130px; } .four_process { width: 160px; } .process_resumen_precio_cesta { float: right; padding: 0; margin: 11px 0 0 0; width: 31%; border: 2px solid #ece9e9; -webkit-border-radius: 8px;border-radius: 8px; background: white; } .title_resumen_precio { font-weight: bold; font-size: 23px; padding: 12px; text-align: center; } .price_resumen_precio { background: none repeat scroll 0 0 #FBFAFA; border-bottom: 2px solid #ECE9E9; border-top: 2px solid #ECE9E9; display: inline-table; font-size: 16px; padding: 15px; width: 100%; } .tefalta_resumen { clear: both; background: #faefef; font-size: 16px; font-weight: bold; color: #CC0033; padding: 15px; border-bottom: 2px solid #ece9e9; text-align: center; } .tefalta_resumen strong { font-size: 17px; } .tijeras_cupon { background: url(/img/new/coupon.png) no-repeat scroll left top; width: 20px; height: 13px; display: block; clear: both; margin-left: 5px; } /* .sombra_cupon { background: url(/img/new/sombra_cupon.png) no-repeat scroll left top; width: 278px; height: 14px; display: block; clear: both; } */ #coupon_form {display: none;height: 60px; width: 100%;border:1px dashed #b5b5b5; padding: 8px 5px 11px; background:white; margin-bottom: 15px; } #coupon { width: 100%;} .coupon_code label { float: left; margin: 11px 3px 0 3px; font-size: 16px; font-weight: bold;} .coupon_code input#coupon_code { clear: right; float: left; margin-left: 5px; border: 1px solid #CCCCCC;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding: 5px 1px; margin-top: 5px; text-align: left; text-transform: uppercase; width: 46%;} .coupon_code .btn { width: 25%; padding: 7px 2px 6px; float: right; margin-right: 5px; margin-top: 5px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #BEBEBE; color: #6e6e6e; font-weight: bold; font-size: 13px;text-transform: uppercase; cursor: pointer; font-family: Helvetica,Arial,sans-serif;background: #f7f6f6;} .btn_resumen_precio { height: 70px; text-align: center; clear: both; } .btn_resumen_precio .btn_compra_carrito2 a { font-size: 21px; } .left50_carrito2 { width: 50%; float: left;text-align: left; font-size: 18px; line-height: 22px; } .rightt50_carrito2 { width: 50%; float: right; font-weight: bold; text-align: right; font-size: 19px; line-height:22px; } .rightt50_carrito2 p {font-weight: bold; } .price_total_carrito_final_carrito2 { font-size: 26px; } .seguir_comprando { font-family: 'Oswald', sans-serif; color:#05807d; text-decoration: none; text-align: right; float: right; margin-top: 15px; display: block; padding-bottom: 3px; line-height: 20px;font-size: 18px; font-weight: normal; border-bottom: 1px dashed #05807d; } .legal ul { list-style-type: disc; margin-left: 15px; } /* PROCESO COMPRA: ENVIO y METODOS PAGO */ #yacliente .btn_compra_carrito { margin: 0 0 10px !Important;} #yacliente .btn_compra_carrito a { padding: 6px 18px 6px; } .padding_box { padding: 12px; } .strong_form { font-size: 15px; width: 100px; display: block; float: left; padding-top: 6px; } .titulo_form_ident{ font-weight: bold; font-size:21px; margin-top: 5px; margin-bottom: 0; } #iniciosesion .btn_compra_carrito, #iniciorecordar .btn_compra_carrito {margin-left: 100px; margin-top: 10px; } .olvido_contra { font-size:12px; padding-top: 35px; float: right; } .identificate_mvl .texto_valoracion_ok {margin-top: 10px;font-size: 18px;line-height: 24px; } #iniciosesion .margin_form { margin-top: 20px; } #iniciosesion p { margin: 0; } #formlogin input { border: 1px solid #C2C2C2; border-radius: 5px 5px 5px 5px; font-size: 15px; height: 23px; padding: 2px; width: 302px; } .lista_resumen_carrito { float: left; border-top: 2px solid #ECE9E9; width: 100%; } .lista_resumen_carrito li { display: block; padding: 5px 10px; border-bottom: 1px dashed #C4C4C4; float: left; width: 100%; } .lista_resumen_carrito li:last-child { border-bottom: none; } .lista_resumen_carrito img { display: block; float: left; height: 50px; margin: 5px 8px 5px 2px; width: 50px; border: 1px solid #ECE9E9; } .lista_resumen_carrito .name_prod_carrito {float: left; margin-bottom: 0; width: 48%;} .lista_resumen_carrito .price_prod_carrito_resumen { float: right; font-size: 20px; } .lista_resumen_carrito .table_list { display: table-cell; padding: 0; font-size: 15px; } .unidades_prod_carrito_resumen { float: left; color: #838383; font-size: 19px; margin-right: 5px; width: 70px; text-align: right; } .resumen_compra_final p.unidades_prod_carrito_resumen { margin-top: 11px; } .lista_resumen_carrito .middle_list { padding: 4% 0; } .price_prod_carrito_resumen { float: left; font-weight: bold; font-size: 16px; margin-left: 10px; text-align: right; } .modificar_carro_link { text-decoration: underline; padding-top: 17px; padding-left: 15px; display: block; font-size: 18px; } .title_resumen_envio { width: 82%; float: left; font-weight: bold; font-size: 20px; text-align: right; line-height: 22px; } .gastos_resumen_envio { float: left; font-size: 21px; text-align: right; width: 150px; font-weight: bold; } .title_resumen_envio_last {width: 82%; float: left; font-weight: bold; text-align: right; line-height: 22px; font-size: 28px; } .gastos_resumen_envio_last { float: left; font-size: 26px; text-align: right; width: 150px; font-weight: bold; } .sequra_box {margin: 5px 0 12px; display: inline-table; padding: 5px 10px 10px; width: 100%;} .tit_sequra_box { font-size: 23px; margin-bottom: 10px; margin-top: 10px; color: #28616D !important; font-weight: bold; /*background: url(/img/new/sequra_logo.png) no-repeat right bottom;*/ } .total_pagar_metodos {margin-top:-15px !important; background: #FBFAFA; padding: 7px 10px; float: right; text-align: right;} .otros_metodos_pago { padding-top:7px; width: 100%; font-size: 23px; margin-bottom: 5px; font-weight: bold; color: #28616D !important; } .box_tarjetas { display: inline-block; margin: 5px 0 0; padding: 0 10px 8px; width: 100%; } .masinfo_sequra { background: url(/img/new/sequra8.jpg) no-repeat left top; width: 800px; height: 450px; display: block; } .text_sequra_intro {font-size: 17px; margin-bottom: 10px; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #DEDEDE; } .form_tab_mvl { display: none; } .process_productos_cesta .btn_compra_carrito2 a { font-size: 21px; } #nocliente .message_box { text-align: center; font-size: 21px; } #datos_envio { float: left;font-size: 12px; margin: 25px 0; width: 100%; padding-left: 200px; } #datos_envio2 { float: left;font-size: 12px; margin: 25px 0; width: 100%; } #datos_envio2 input.radio { float: left; width: 10px; margin-right:5px; border: none !important; margin-top: 10px; } #datos_envio label { display: block; float: left; font-size: 18px; font-weight: normal; padding-top: 6px; width: 200px; margin-left: -200px; } #datos_envio input { border: 1px solid #c2c2c2; width:100%; font-size: 15px; padding: 2px; -webkit-border-radius: 5px;border-radius: 5px; padding: 7px 2px; } #datos_envio .explicacion_campo { width:100%; font-size: 14px; margin-bottom: 15px; padding-left: 0; margin-top: 5px; } #datos_envio select { border: 1px solid #c2c2c2; -webkit-border-radius: 5px;border-radius: 5px; padding: 7px; width:50%; margin-bottom: 10px; } #datos_envio select.select_fecha { border: 1px solid #c2c2c2; -webkit-border-radius: 5px;border-radius: 5px; padding: 2px 2px; width: 207px; margin-bottom: 10px; margin-right: 15px; } #datos_envio select option { width: 140px; } #datos_envio input.inputsmall { width: 50%; padding: 7px; } #datos_envio input.inputautonomo { width: 100%; } #datos_envio input.checkbox { float: left; width: 15px; margin-right: 10px; border: none; display: inline-block; background-color: #d3d3d3; padding: 1px 6px; } #datos_envio input.radio { float: left; width: 10px; margin-right:5px; border: none !important; } #datos_envio .textarea_comment { border: 1px solid #c2c2c2; margin-bottom: 6px; width: 100%; font-size: 15px; height: 174px; padding: 2px; -webkit-border-radius: 5px;border-radius: 5px; font-size: 12px; padding: 4px; } #datos_envio a.bt-green-s { margin-top: 5px; } #datos_envio #observaciones { width: 100% !important; height: 150px !Important; } #datos_envio input.checkbox#copiarcampos { float: none; margin-bottom: 0; } #iniciosesion #errorloginalias { display: block; margin-left: 100px; padding-top: 5px !important; } #iniciosesion #abrirrecordar {display: block; margin-left: 100px; padding-top: 10px !important; } #iniciorecordar #errorrecordar { padding-top: 5px !important; display: inline; } .radio_metodo_pago { float: left; width:100%; font-size: 20px; } .radio_metodo_pago p { padding-top: 4px; float: left; } .radio_metodo_pago img { padding-top: 8px; float: left; margin-left: 10px; } .soyempresa { float: left; padding-top: 2px; font-size: 17px; } .form_autonomo { border:2px solid #ece9e9; -webkit-border-radius: 8px;border-radius: 8px; padding: 20px; clear: both; } .right_process_col { width: 31%; float: right; margin: 20px 18px 20px 0; } .datos_envio_empresa2 { width: 100%; height: 150px; margin: 15px 0 0; float: left; -webkit-border-radius: 5px;border-radius: 5px; border: 2px solid #ece9e9; } .que_es { padding-left: 20px; text-decoration: underline; } .total_pagar_proceso { margin-left: 182px; display: inline-block; } .cantidad_total_pagar_proceso { font-size: 22px; margin: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .cantidad_total_pagar_proceso strong { font-size: 27px; } .aceptar_terminos_condiciones { font-size: 13px; padding-top: 0; margin-bottom: 20px; } .aceptar_terminos_condiciones p {padding-top: 4px; } /* PROCESO COMPRA: RESUMEN */ .resumen_cesta { margin: 30px 0 45px 20px; } .resumen_cesta p { margin: 10px 0; font-size: 20px; } .resumen_cesta p strong { width: 220px; display: block; float: left; } .line_separadora_resumen { border-top: 1px dashed #C4C4C4; margin-top: 20px; padding-top: 20px; } .mensaje_error_resumen { color: #CC0033; text-align: left; font-size: 17px; font-weight: bold; line-height: 24px; } .mensaje_felicitacion_resumen { color: #749f11; text-align: left; font-size: 19px; line-height: 21px;font-weight: bold; margin-bottom: 8px; } .txt_correo_felicitacion_resumen { text-align: left; font-size: 19px; line-height: 30px; margin: 5px 0; } .numero_pedido_felicitacion_resumen { font-size: 15px; text-align: left; line-height: 18px; padding-top: 6px; } .numero_pedido_felicitacion_resumen strong { font-size: 17px; } .alert_image { background:url("/img/new/sprite.png") no-repeat scroll left -1449px transparent; width: 56px; height: 70px; float: left; margin: 10px 22px 10px 0; } .correct_image { background: url("/img/new/sprite.png") no-repeat scroll left -1536px transparent; width: 56px; height: 46px; float: left; margin: -2px 22px 60px 0; } .alertpopup {background: none; border: none; padding: 9px 10px; font-size: 15px; clear: both; color: #515151; height: auto; line-height: 23px; margin-bottom: 25px; margin-top: 15px !important; text-align: left; } .alertpopup strong { color: #e69e12; } .alert_imagepopup {float: right; height: 60px; margin: 5px 22px 0 8px; width: 57px; } .sequra_box { font-size: 18px; } #sequra-identification legend { font-size: 13px; width: 100%; border: none; margin-bottom: 10px; font-size: 20px; } #sequra-identification ol li label { width: 100%; border: none;font-size: 20px; } #sequra-identification select { width: 32.5%; font-size: 16px; padding: 4px 0; } #sequra-identification #mobile_phone { width: 100%;font-size: 16px; margin-bottom: 10px; border: 1px solid #e0dfdf; padding: 4px;} #sequra-identification2 {background: #FBFAFA; padding: 15px; margin-bottom: 12px; border: 2px solid #ECE9E9; } #sequra-identification .sq_submit { margin-top: 15px; text-shadow: none;} .resumen_compra_final .box_carrito_desplegado1 ul { border-bottom: none; } .resumen_compra_final .box_carrito_desplegado1 ul li { border-bottom: 1px dashed #C4C4C4; } .resumen_compra_final .box_carrito_desplegado1 ul li:last-child { border-bottom: none; } @media (min-width: 1400px) { #sequra-identification ol li {width: 50% !important; } #sequra-identification select { width: 31.5% !important;} } /* PAGINA ERROR */ #container_error{width:990px; background: url(/img/new/perro_error.jpg) no-repeat scroll 707px 480px white;padding: 10px 5px 20px;margin:20px auto; border: 1px solid #dedede; border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 1px 1px 6px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 6px rgba(50, 50, 50, 0.4); box-shadow: 1px 1px 6px rgba(50, 50, 50, 0.4); overflow:hidden;} .subt_error { font-size: 23px; margin: 22px 0 10px; } .text_explic_error { font-size: 16px; line-height: 22px; padding-bottom: 10px; } .explicacion_campo2 { font-size: 12px; margin-bottom: 10px; margin-top: 4px; padding-left: 180px; color: #7b7b7b;} .ups_error { font-size: 32px; line-height: 40px; margin: 25px 0 10px; padding: 0; clear: both;} .ups_error2 { font-size: 32px; line-height: 40px; margin: 25px 0 15px; padding: 0; clear: both;} .numericstepper input { width:28px !important; } .ui-spinner-up { height: 14px !important; } .ui-spinner-down { height: 14px !important; top: 30px !important;} .wide_error { background: url("/img/responsive/jirafa_noresults.jpg") no-repeat scroll right bottom white; min-height: 357px; } .content_filters_error { background: url("/img/responsive/jirafa_noresults.jpg") no-repeat scroll right top white; min-height: 357px; padding-right: 200px; } .content_filters_error .text_area_error { width: 70%; height: 180px; padding: 2px; margin-bottom: 10px; border:1px solid #C2C2C2} .content_filters_error #datos_envio select { width: 60%; font-size: 14px; } .content_filters_error #datos_envio input.inputsmall { padding: 7px; width: 60%;} .subt_error2 { font-size: 25px; margin: 22px 0 10px; } .subt_recomendaciones { font-size: 22px; margin: 22px 0px 15px; } .lista_recomendaciones {list-style-type: initial; margin-left: 30px; } .lista_recomendaciones li { font-size: 18px; margin-bottom: 8px;} @media (max-width: 1450px) and (min-width: 1150px) { .content_filters_error .text_area_error { width: 80%; } .content_filters_error #datos_envio select { width: 70%;} .content_filters_error #datos_envio input.inputsmall { width: 70%;} } @media (max-width: 1149px) and (min-width: 981px) { .content_filters_error .text_area_error { width: 90%; } .content_filters_error #datos_envio select { width: 90%;} .content_filters_error #datos_envio input.inputsmall { width: 90%;} } @media (max-width: 980px) and (min-width: 650px) { .content_filters_error { background: url("/img/responsive/jirafa_noresults.jpg") no-repeat scroll right top white; min-height: 357px; padding-right: 250px; } .content_filters_error .text_area_error { width: 100%; } .content_filters_error #datos_envio select { width: 100%;} .content_filters_error #datos_envio input.inputsmall { width: 100%;} } @media (max-width: 649px) { .content_filters_error { background: white; min-height: auto; padding-right: 0px; } .content_filters_error .text_area_error { width: 100%; } .content_filters_error #datos_envio select { width: 100%;} .content_filters_error #datos_envio input.inputsmall { width: 100%;} } @media (max-width: 1070px) and (min-width: 600px) { .wide_error .info { width: 70%; } } @media (max-width: 600px) { .wide_error { background: white; min-height: auto; } .ups_error2 { font-size: 28px; line-height: 30px; margin: 25px 0 0px; padding: 0; clear: both;} .subt_error2 { font-size: 20px; margin: 22px 0 10px; } .subt_recomendaciones { font-size: 18px; margin: 22px 0px 15px; } .lista_recomendaciones {list-style-type: initial; margin-left: 30px; } .lista_recomendaciones li { font-size: 16px; margin-bottom: 8px;} } /* POP UP SUSCRIBIR */ #divsuscribir { width: 650px; height: 415px; background: url("/img/new/bg_suscribete.jpg") no-repeat scroll center bottom white;} .title_popup_suscribete { color: #006172; font-family: 'Oswald',sans-serif; font-size: 45px; line-height: 50px; text-align: center; margin: 30px 0 15px; padding-bottom: 25px; background: url("/img/new/line_suscribete.jpg") no-repeat scroll center bottom white; } .text_popup_suscribete { color: #7a7a7a; font-size: 24px; text-align: center; line-height: 32px; } .error_popup_suscribete { background: white; font-size: 18px; opacity: 0.8;line-height: 20px; padding: 12px; width: 526px; margin: 0 auto; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color: #cc0033; -moz-box-shadow: 0 4px 5px #888;-webkit-box-shadow: 0 4px 5px #888;box-shadow: 0 4px 5px #888; } #divsuscribir2 { width: 650px; height: 415px; background: url("/img/new/bg_suscribete.jpg") no-repeat scroll center 262px white;} .title_popup_suscribete2 { color: #006172; font-family: 'Oswald',sans-serif; font-size: 50px; line-height: 55px; margin: 30px 20px 15px; text-align: center; padding-bottom: 25px; background: url("/img/new/line_suscribete.jpg") no-repeat scroll center bottom white; } .text_popup_suscribete2 { color: #444; font-size: 40px; line-height: 45px; padding: 10px 30px; text-align: center; } #colorbox {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow: visible !important; } .tooltip-inner { max-width: 300px; padding:8px 8px; background-color: #739B0D; font-size: 18px; } .tooltip.top .tooltip-arrow { border-top-color: #739B0D;} .tooltip.top-left .tooltip-arrow { border-top-color:#739B0D;} .tooltip.top-right .tooltip-arrow { border-top-color: #739B0D;} .process_productos_cesta #myModal img {width: 100%; } #cover { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999999; text-align: center; /* Fallback for web browsers that don't support RGBa */ background-color: rgba(0, 0, 0, 0.5); } #contentgeoloc { display: inline-block; text-align: left; font-size: 17px; } .modal-backdrop #metodos_pago_process{ background-color: white;} .close { font-size: 35px; } .modal-header { padding: 22px; } .box_carrito_desplegado1 p.size4 { font-size: 25px; } .mostrar_cesta_step .nodesk { display: none !Important } /* REPONSIVE PROCESO COMPRA -------------------------------------------------------------------------------------------------------------------- */ @media (min-width: 1400px) and (max-width: 1510px) { .title_resumen_envio, .title_resumen_envio_last { width: 81%; } } @media (min-width: 1301px) and (max-width: 1399px) { .title_resumen_envio, .title_resumen_envio_last { width: 80%; } .lista_resumen_carrito .name_prod_carrito {float: left; margin-bottom: 0; width: 48%;} .lista_resumen_carrito .price_prod_carrito_resumen { float: right; font-size: 18px; } .unidades_prod_carrito_resumen { float: left; color: #838383; font-size: 17px; margin-right: 5px; width: 60px; text-align: right; } } @media (min-width: 1201px) and (max-width: 1299px) { .title_resumen_envio, .title_resumen_envio_last { width: 79%; } .lista_resumen_carrito .name_prod_carrito {float: left; margin-bottom: 0; width: 48%;} .lista_resumen_carrito .price_prod_carrito_resumen { float: right; font-size: 18px; } .unidades_prod_carrito_resumen { float: left; color: #838383; font-size: 17px; margin-right: 5px; width: 60px; text-align: right; } } @media (min-width: 1150px) and (max-width: 1200px) { .title_resumen_envio, .title_resumen_envio_last {width: 76%; } .lista_resumen_carrito .name_prod_carrito {float: left; margin-bottom: 0; width: 48%;} .lista_resumen_carrito .price_prod_carrito_resumen { float: right; font-size: 18px; } .unidades_prod_carrito_resumen { float: left; color: #838383; font-size: 17px; margin-right: 5px; width: 60px; text-align: right; } } @media (min-width: 1000px) and (max-width: 1149px) { .title_resumen_envio, .title_resumen_envio_last {width: 73%; } .resumen_compra_final .name_prod_carrito2 { font-size: 18px; line-height: 20px;} .lista_resumen_carrito .name_prod_carrito {float: left; margin-bottom: 0; width: 48%;} .lista_resumen_carrito .price_prod_carrito_resumen { float: right; font-size: 16px; width: 53px; } .unidades_prod_carrito_resumen { float: left; color: #838383; font-size: 17px; margin-right: 5px; width: 60px; text-align: right; } } @media (min-width: 992px) and (max-width: 999px) { .title_resumen_envio, .title_resumen_envio_last {width: 70%; } .lista_resumen_carrito .price_prod_carrito_resumen { float: right; font-size: 16px; width: 53px; } .unidades_prod_carrito_resumen { float: left; color: #838383; font-size: 17px; margin-right: 5px; width: 60px; text-align: right; } .lista_resumen_carrito .name_prod_carrito { width: 47%;} } @media (min-width: 785px) and (max-width: 991px) { .title_resumen_envio, .title_resumen_envio_last {width: 79%; } .lista_resumen_carrito .name_prod_carrito {float: left; margin-bottom: 0; width: 48%;} .lista_resumen_carrito .price_prod_carrito_resumen { float: right; font-size: 16px; width: 53px; } .unidades_prod_carrito_resumen { float: left; color: #838383; font-size: 17px; margin-right: 5px; width: 60px; text-align: right; } } @media (min-width: 770px) and (max-width: 784px) { .title_resumen_envio, .title_resumen_envio_last {width: 77%; } } @media (min-width: 1126px) and (max-width: 1300px) { .name_prod_carrito2 { width: 56%; } .coupon_code input#coupon_code { width: 40%; } } @media (min-width: 992px) and (max-width: 1200px) { #sequra-identification select {width: 32%; } .radio_metodo_pago { width: 100%; } } @media (min-width: 992px) and (max-width: 1125px) { .process_productos_cesta { width: 60%; } .process_resumen_precio_cesta { width: 35%; } .name_prod_carrito2 { width: 45%; } .coupon_code input#coupon_code { width: 38%; } .envio_vip_logo {margin-bottom: 70px; } } @media (min-width: 992px) { .box_carrito_desplegado1 ul li img { height: 80px; width: 80px;} } @media (min-width: 769px) and (max-width: 991px) { .process_resumen_precio_cesta { width: 100%; margin: -8px auto 0; border-top: 2px solid #ECE9E9; display: none; } .process_productos_cesta { width: 100%; } .resumen_compra_final .right_process_col { display: none; } .name_prod_carrito2 { width: 55%; } .coupon_code input#coupon_code { padding: 9px 2px;width: 56%; } #coupon_form { height: 69px; } .coupon_code label { font-size: 19px; margin: 11px 10px 0;} .coupon_code .btn { padding: 8px 6px 8px; font-size: 16px; } #resumen_metodos_pago { display: none; } } @media (max-width: 769px) { .process_resumen_precio_cesta { width: 100%; margin: -8px auto 0; border-top: 2px solid white; border-left: 0; border-right: 0; -webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px; } .process_productos_cesta { width: 100%; } .tabs_4{ width: 100%; clear: both; margin: 15px 0 0; padding: 0; display: inline-table; position: relative; z-index: 8; } .tabs_4 li { width: 33.3%; padding: 8px 0; color: #A5A5A5; float: left; text-align: center; background: #eeeeee; border-left: 2px solid #d3d3d3; border-top: 2px solid #d3d3d3; border-bottom: 2px solid #d3d3d3; font-size: 14px; } .tabs_4 li:first-child{ border-left: none; width: 33.3%; } .tabs_4 li:last-child{ display: none; } .tabs_4 li.active { border-top: 3px solid #05807D; border-bottom: 2px solid white; background: white; color: #05807D !important; } .name_prod_carrito2 { float: left; width: 60%; margin-top: 4px; display: block; font-size: 15px; line-height: 20px;} .name_prod_carrito2 p { margin: 0; } .price_prod_carrito2 { display: block; float: left; margin-left: 40px; margin-top: 0; width: 90%;} .price_prod_carrito2 .cantidad_cent_prod_ficha_despl { float: right; position: absolute; right: 15px; top: 14px; } .box_carrito_desplegado1 .name_prod_carrito2 {margin-top: 0; } .price_prod_carrito2 .cerrar_carrito:before { float: left; } .price_prod_carrito2 .price_prod_carrito { float: left; font-weight: bold; } .box_carrito_desplegado1 ul li { position: relative; } .envio_vip_frase { padding-right: 0 !important; display: block; } .envio_vip .btn_agregar_carrito a { width: 100% !important; text-align: center; margin: 0; } .box_mostrar_mvl { display: inline-table !Important; width: 100%; padding: 10px; background: #FBFAFA; height: 112px; } .price_mostrar_mvl {font-size: 25px; margin-top: 0px; text-align: center; margin: 0; } .process_productos_cesta h3.titletop { margin-top: 10px; } .mostrar_cesta_step .seguir_comprando { margin-right: 15px;} .mostrar_cesta_step #resumentotal { margin-top: 15px;} .mostrar_cesta_step .process_resumen_precio_cesta { border-radius: 0; border: none; width: 100%; } .envio_vip_btn { margin-left: 10px; width: 96% !important;clear: both !important; float: none !important; font-size: 22px !important; margin-bottom: 0 !important; } .btn_resumen_precio { padding: 20px; height: 85px; background: #e8e8e8; border-bottom: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3; } .title_resumen_precio { padding: 7px; font-size: 18px; } .envio_vip_logo { float: right; } .envio_vip_text { margin-left: 10px; } .coupon_code input#coupon_code { width: 45%; } .coupon_code label { font-size: 13px; margin-top: 13px;} .price_prod_carrito2 {margin-top: -10px; } .price_list_mostrar { float: left; margin-left: 18px; } .cerrar_carrito:before { float: right !important;} .box_carrito_desplegado1 .price_prod_carrito .precio_tachado_ficha2 { color: #818080 !important; display: block; float: left; font-size: 0.8em; line-height: 12px; margin-right: 10px; margin-top: 11px !important; text-decoration: line-through;} .rightt30 .precio_tachado_ficha { margin-top: 0; } #datos_envio { padding-left: 0; } #datos_envio label { margin-left: 0;} #datos_envio .explicacion_campo { width: 100%; } #datos_envio #observaciones { width: 100% !important; height: 100px !Important; } #nocliente { padding: 0 15px;margin-bottom: 75px !important; } .soyempresa { float: none; } #datos_envio input.checkbox { width: 20px; margin-bottom: 40px; } #nocliente .message_box { display: none; } .aceptar_terminos_condiciones p { float:none; } .form_tab_mvl { display: block; } .form_tab_mvl { padding-left: 8px; } .form_tab_mvl li{ width: 50%; margin-top: 15px; text-align: center; font-size: 17px; margin-bottom: -2px;} .form_tab_mvl li.active{ font-weight: bold; } .form_tab_mvl li a{ background:#05807D; color: white; margin-right: 8px;} .form_tab_mvl li a:hover{ background:#046866; } #yacliente { padding: 8px 15px; } #yacliente .windows_session { display: block !important; } #yacliente .cboxElement { font-size:14px !important; } #yacliente .strong_form { font-size: 16px; margin-bottom: 4px;} #yacliente #iniciosesion input, #yacliente #iniciorecordar input {width: 100% !important; } #yacliente #iniciosesion .btn_compra_carrito, #yacliente #iniciorecordar .btn_compra_carrito { float: right; margin-left: 0; width: 100%; text-align: center; margin-bottom: 20px; font-size: 20px !Important; } #yacliente #iniciosesion .btn_compra_carrito a, #yacliente #iniciorecordar .btn_compra_carrito a { font-size: 20px !Important; } #yarecordado .btn_compra_carrito { width: 100% !important; margin: 0 0 20px !Important; text-align: center; } #iniciosesion #errorloginalias { display: block; margin-left: 0; padding-top: 5px !important; } #iniciosesion #abrirrecordar {display: block; margin-left: 0; padding-top: 10px !important; } #resumen_metodos_pago { display: none; } .total_pagar_metodos { width: 100%; text-align: center; float: none; margin: 10px auto 0; padding: 8px 0; } #metodos_pago_process h3.titletop { border: none; text-align: center; padding-bottom: 0; margin: 15px 0 0; } #metodos_pago_process .process_productos_cesta { width: 95%; float: none !important; margin: 0 auto !important; } .sequra_box { margin: 0; padding: 0; border-left: none; border-top: none; border-right: none; border-radius:0; font-size: 12px; } .box_tarjetas { border: none; padding: 0; margin: 0; } .radio_metodo_pago { width: 100%; float: left; font-size: 19px; line-height: 29px; } .tit_sequra_box { font-size: 17px; margin-bottom: 0; } .otros_metodos_pago { font-size: 17px; margin-bottom: 0; padding-top: 13px;} #metodos_pago_process #datos_envio2 {margin: 10px 0; } .text_sequra_intro #watch-me { font-size: 30px !Important; width: 30px; min-height: 20px; border: medium none !important; float: left; margin-right: 5px; margin-top: 0;} #datos_envio2 input.radio {font-size: 30px !Important; width: 30px; } #sequra-identification ol { font-size: 18px; } #sequra-identification .confirm { width: 100%; text-shadow: none !Important; font-weight: bold; margin-top: 13px !Important; padding: 10px; } #sequra-identification legend { font-size: 13px; width: 100%; border: none; margin-bottom: 10px; font-size: 17px; } #sequra-identification ol li label { width: 100%; border: none;font-size: 17px; } #sequra-identification select { width: 30.4%; font-size: 16px; } #sequra-identification #mobile_phone { width: 100%;font-size: 16px; margin-bottom: 10px;} #sequra-identification2 {background: #FBFAFA; padding: 7px; margin-bottom: 12px; border: 2px solid #ECE9E9; } .text_sequra_intro { border-top: none; padding-top: 0; } .masinfo_sequra { background: url(/img/new/sequra8.jpg) no-repeat left top; width: 300px !important; height: auto !important; display: block; } #sequradiv p.grey a { display: none; } .total_pagar_metodos { margin: 5px auto 0 !important; } .cantidad_total_pagar_proceso { font-size: 18px; } .text_sequra_intro { font-size: 15px;} .radio_metodo_pago img { margin-top: 0px; } .mostrar_cesta_step .nodesk { display: block !Important } .resumen_compra_final .tabs_4 { margin: 13px 0 0; } .resumen_compra_final .process_productos_cesta { padding: 0 15px; } .resumen_cesta { margin: 12px 0; } .resumen_cesta p strong { width: 100%; } .resumen_cesta p {font-size: 17px; margin: 10px 0;} .txt_correo_felicitacion_resumen { font-size: 16px; line-height: 24px; } .title_resumen_envio, .gastos_resumen_envio { width: 50%; font-size: 18px; } .lista_resumen_carrito p { margin-bottom: 0; } .title_resumen_envio_last { width: 50%; font-size: 23px;} .gastos_resumen_envio_last { width: 50%; font-size: 25px; margin-top: -5px; } .gastos_resumen_envio {width: 50%; } .resumen_compra_final .right_process_col { width: 92%; float: none; margin: 15px; } .resumen_compra_final .name_prod_carrito2 { width: 78%; font-size: 17px;} .resumen_compra_final .price_prod_carrito2 { margin-left: 0; width: 78%; margin-top: 0; margin-bottom: 0;} .resumen_compra_final .price_prod_carrito { margin-top: 0 !important; margin-bottom: 0; } .resumen_compra_final .box_carrito_desplegado1 ul li img { margin-bottom: 50px; } .resumen_compra_final .unidades_prod_carrito_resumen { width: 45%; margin-bottom: 0; } .resumen_compra_final .price_prod_carrito { width: 45%; } .resumen_compra_final .alert_image { height: 50px; } .resumen_compra_final .box_carrito_desplegado1 {margin: 0; } .resumen_compra_final .bg_envio p { font-size: 16px !important; } .resumen_compra_final .box_carrito_desplegado1 .price_prod_carrito .precio_tachado_ficha2 { float: right; font-size: 0.7em; display: block; width: 100%; } } @media (width: 768px) { .navbar-nav > li > a { font-size: 15px;} .dropdown { margin-right: 30px;} } @media (width: 768px) { #datos_envio input { width: 72%; } #datos_envio .explicacion_campo { padding-left: 200px; } #datos_envio #observaciones { width: 72% !Important; } #datos_envio input.inputsmall, #datos_envio select { width: 35%; } #datos_envio input.inputautonomo { width: 70%; } #datos_envio input.checkbox { margin-bottom: 10px; } .total_pagar_metodos { margin-top: 10px !important; } #sequra-identification select {width: 32.2%; } .box_mostrar_mvl { padding: 10px 15px; } .price_mostrar_mvl { width: 50%; float: left; text-align: left; font-size: 28px; margin: 14px 0 0; } .btn_resumen_precio { background: #e8e8e8; border: 1px solid #c3c3c3; } .process_resumen_precio_cesta { float: none; width: 95%; } .process_resumen_precio_cesta .btn_resumen_precio {height: 90px; } .process_resumen_precio_cesta .btn_compra_carrito2 a { margin: 0; } .mostrar_cesta_step .descripcion_producto_ficha { display: none !important; } .box_mostrar_mvl { height: 90px; } .resumen_cesta p strong { width: 200px; } .resumen_cesta { margin: 25px 0; } .resumen_cesta p {font-size: 19px;} .title_resumen_envio, .title_resumen_envio_last { width: 75%; } .gastos_resumen_envio, .gastos_resumen_envio_last { width: 24%; } .resumen_compra_final .name_prod_carrito2 { width: 61%; float: left; } .resumen_compra_final .price_prod_carrito2 { width: 30%; } .resumen_compra_final .unidades_prod_carrito_resumen { width: 64px;} .resumen_compra_final .price_prod_carrito { width: 50%; float: right; margin: 0; } .resumen_compra_final .box_carrito_desplegado1 .price_prod_carrito .precio_tachado_ficha2 {width: 100%; } .resumen_compra_final .right_process_col { width: 96%; display: none; } .txt_correo_felicitacion_resumen {font-size: 18px;line-height: 28px;} } @media (width: 1024px) { .text_sequra_intro #watch-me { font-size: 30px !Important; width: 30px; min-height: 20px; border: medium none !important; float: left; margin-right: 5px; margin-top: 0;} #datos_envio2 input.radio {font-size: 30px !Important; width: 30px; } } @media (max-width: 991px) and (min-width: 769px) { .mostrar_cesta_step .nodesk {display: block !Important; font-size: 1.6em; } .box_mostrar_mvl { padding: 10px 15px; } .price_mostrar_mvl { width: 50%; float: left; text-align: left; font-size: 28px; margin: 14px 0 0; } .btn_resumen_precio { background: #e8e8e8; border: 1px solid #c3c3c3; } .mostrar_cesta_step .descripcion_producto_ficha { display: none !important; } .box_mostrar_mvl { height: 90px; } .process_resumen_precio_cesta {display: inline-block;float: none;width: 100%; margin-top: 20px;} .process_resumen_precio_cesta .btn_resumen_precio {height: 90px; } .process_resumen_precio_cesta .btn_compra_carrito2 a { margin: 0; } .mostrar_cesta_step .descripcion_producto_ficha { display: none !important; } .process_productos_cesta .seguir_comprando { display: none;} .process_resumen_precio_cesta .title_resumen_precio { display: none; } .process_resumen_precio_cesta .price_resumen_precio { border-top: none; } .process_resumen_precio_cesta .btn_compra_carrito2 {text-align: center;display: inline-block; margin-top: 20px;} } /* REPONSIVE FICHA TIENDA -------------------------------------------------------------------------------------------------------------------- */ @media (max-width: 767px) { .ribbon_recomendado { display: none; } form select { background: white; } #datos_envio { margin: 2px 0 0;; } #datos_envio select { width: 100%; } #datos_envio input.inputsmall { width: 100%; } .text_area_error { width: 100%; height: 110px; } .explicacion_campo2 { padding: 0; font-size: 12px; } .btn_compra_carrito2 {width: 100%; margin: 0 !important; } .btn_compra_carrito2 a {width: 100%; margin: 0 !important; } #content_filters { margin-top: 0; } .portes_gratis, .envio_vip_listado { display: none; } .ups_error { font-size: 30px !important; font-weight: bold; line-height: 40px !important; } .subt_error { font-size: 21px; line-height: 23px; margin-bottom: 8px; } .header_stars {height: auto; } .box_price_prod_ficha { box-shadow: none; height: 160px; } .header_price_prod_ficha { background: none; border: none; } .header_tit_izq_prod_ficha, .header_tit_cent_prod_ficha, .header_tit_der_prod_ficha { width: 100%; padding: 0; } .header_tit_cent_prod_ficha span.title { display: inline-table; padding-top: 7px; } .price_izq_prod_ficha, .cantidad_cent_prod_ficha, .total_price_der_prod_ficha { float: right !Important; margin-top: 0px !important; } .cantidad_cent_prod_ficha { margin: 0; width: auto !Important; height: 50px !important; } .numericstepper { width: 65px !important; height: 40px !important;} .numericstepper input { width: 40px !important; font-size: 18px !important; } .ui-spinner-up { height: 20px !important; width: 25px!important; top: 15px !important; } .ui-spinner-down { height: 20px !important; width: 25px!important; top: 35px !important;} .total_price_der_prod_ficha {font-weight: bold; } .text_price_der_prod_ficha { float: right !important; font-size: 0.8em; padding:4px 11px 0 18px; margin-top: -37px;} .btn_carrito_ficha { clear: both; margin-bottom: 0px !important; } .btn_carrito_ficha p.btn_compra_carrito { width: 100%; float: none !important; } .btn_carrito_ficha p.btn_compra_carrito a { width: 100%; float: none !important; text-align: center; margin-top: 10px; font-size: 22px; padding: 8px 14px 9px; } ul.productos_dif_formatos_prod li { clear: both; display: inline-table; height: auto; } .productos_dif_formatos_prod { margin-top: 30px; } .productos_dif_formatos_prod .btn_agregar_carrito a { float: none; width: 100% !important;} .price_prod_dif { float: none; height: auto; width: auto; font-size: 18px;} .price_prod_dif_final { font-size: 18px;} .productos_dif_name { float: none; height: auto; width: auto;} .productos_dif_name a { height: auto; margin-bottom: 2px; display: inline-block; } .productos_dif_caract { vertical-align: bottom; } .productos_dif_formatos_prod li .btn_agregar_carrito a { font-size: 17px !important; } .tit_buscador_section { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 22px;} .unidades_descrip_prod_ficha ul li:nth-child(2n) { width: 215px;} } @media (width: 768px) { .lote_producto_ficha { float: left; width: 97% !important; padding: 5px 0 0 24px;} .lote_producto_ficha .message_box { width: 45%;float: right; clear: none; } .lote_producto_ficha .text_lote_producto_ficha { width: 45%; float: left; } .descripcion_producto_ficha_lote { width: 95% !important; float: left; } .opinion_ficha { padding-left: 0; } .left_opinion { width: 100%;margin-left: 0;float: left;margin-top: 8px; } .tucodigo_coment { float: right; } .media_opinion_left { float: left; clear: none; } .numericstepper input { width: 40px !important; font-size: 18px !important; } .ui-spinner-up { height: 20px !important; width: 25px!important; top: 15px !important; } .ui-spinner-down { height: 20px !important; width: 25px!important; top: 35px !important;} .box_carrito_desplegado ul li{width: 99%; } .box_carrito_desplegado ul li .name_prod_carrito {width: 68%;} } @media (min-width: 769px) and (max-width: 991px) { .big_img_prod_ficha a img { width: 350px; height: 350px; } ul.productos_dif_formatos_prod li { clear: both; display: inline-table; height: auto; } .productos_dif_formatos_prod { margin-top: 30px; } .productos_dif_formatos_prod .btn_agregar_carrito a { float:left; width:40% !important;} .price_prod_dif { float: none; height: auto; width: auto; font-size: 18px;} .price_prod_dif_final { font-size: 18px;} .productos_dif_name { float: none; height: auto; width: auto;} .productos_dif_name a { height: auto; margin-bottom: 2px; display: inline-block; } .productos_dif_caract { vertical-align: bottom; } .productos_dif_formatos_prod li .btn_agregar_carrito a { font-size: 17px !important; } } @media (min-width: 992px) and (max-width: 1400px) { .productos_dif_name { width: 50%; } } @media (max-width: 768px) { .thumbnail_prod_ficha { display: none; } .img_prod_ficha {width: 100%; margin-bottom: 0; } .detalle_prod_ficha {width: 100%; padding: 0 15px; } .big_img_prod_ficha {width: 100%; height: 250px !important; } .big_img_prod_ficha a img { width: 250px; height: 250px; position: relative; padding: 0; } .text_img_ampliar_ficha { width: 200px; display: none; } .descripcion_producto_ficha_lote {width: 100%; padding: 0 15px; margin: 0; } .nombre_marca_prod_ficha { font-size: 20px; line-height: 20px; margin-bottom: 0;} .marca_prod_ficha {font-size: 24px;font-weight: normal; line-height: 26px; margin-top: 0; } .lote_producto_ficha {width: 100%; padding: 0 15px; margin: 0; } .descripcion_producto_ficha_larga { margin: 0; padding: 0 15px; width: 100%; font-size: 1.2em; } .descripcion_producto_ficha { margin: 0; padding: 0 15px; width: 100%; } .descripcion_producto_ficha .info_prod_listado { height: auto; } .nodesk { display: block; } .descripcion_producto_scroll { padding-left: 0; } .camion_envio_banner {display: none; } #colorbox { width: 100% !important; height: 100% !important; top: 5px !important; } #cboxWrapper { width: 100% !important; height: 100% !important; } #cboxContent {width: 320px !important; height: 100% !important; } #cboxMiddleLeft { width: 100% !important; height: 100% !important; } #cboxLoadedContent{ width: 100% !important; } .cboxPhoto { max-width:100%; max-height: 300px;; margin: 0 auto; display: block; } #cboxMiddleRight, #cboxMiddleLeft #cboxTopCenter, #cboxTopLeft, #cboxTopRight, #cboxTopCenter, #cboxBottomCenter, #cboxBottomLeft, #cboxBottomRight { background: none; } #cboxClose { right: 5px; top: -40px;} #cboxPrevious { left: -2px;} #cboxNext { right: -2px; } .identificate_mvl {} .identificate_mvl .btn_compra_carrito { margin-left: 0 !important; } .identificate_mvl .btn_compra_carrito a {width: 300px !important; text-align: center; } #iniciosesion input, #iniciorecordar input { } .identificate_mvl .strong_form {padding-top: 0; } .titulo_form_ident { font-size: 19px !important; } .strong_form { font-size: 15px; width: 100px; display: block; float: left; padding-top: 6px; } .titulo_form_ident{ font-weight: bold; font-size:21px; margin-top: 5px; margin-bottom: 0; } .olvido_contra { padding-top: 10px !important; } #iniciosesion .margin_form { margin-top: 15px; } #content_prod .header_stars a.abrirlogin-007 { line-height: 18px; } #iniciorecordar .col-sm-2, #iniciorecordar .col-sm-10 { padding: 0; } } @media (max-width: 980px) { .lotes_precio { width: 100%; margin-bottom: 12px; } .lotes .btn_compra_carrito { float: none; clear: both; } .lotes .btn_compra_carrito a {width: 100%; } .descripcion_producto_scroll .lista_productos_5 li { width: 24%; } .price_izq_prod_ficha { line-height: 22px; } .nocomment { background: url("/img/nocoment2.jpg") no-repeat scroll left 48px rgba(0, 0, 0, 0) !important; height: 380px !important; padding-top: 29px; } .nocommentstrong { font-size: 24px !important; } .precio_tachado_ficha { display: block; margin-top: -11px; } .header_tit_izq_prod_ficha, .header_tit_cent_prod_ficha, .header_tit_der_prod_ficha { font-size: 18px; } .big_img_prod_ficha { height: 370px;} .detalle_prod_ficha .alert p { font-size: 16px;} } @media (max-width: 1300px) { .thumbnail_prod_ficha { display: table; float: none; height: auto; margin: 22px auto 10px; text-align: center; width: auto; } .thumbnail_prod_ficha li { float: left; } } @media (max-width: 767px) { .img_prod_ficha { margin-top: 0; } .thumbnail_prod_ficha li { height: 50px; width: 50px;} .thumbnail_prod_ficha li img { height: 50px; width: 50px;} } /* --------------------FIN TIENDA------------------------- */ /*-- ARTICULOS -- */ .list_articulos img { width: 150px; height: 150px; } .right_listado_art .smalltitle { font-size: 25px; margin: 30px 0 5px; border-bottom: none !important; } .registrate-fotos a { font-size: 1.4em; padding: 0 20px; } .mosaic img { padding: 3.5%; width: 32.5%; } .registrate-foros { font-size: 1.4em; padding: 10px; margin-bottom: 15px; } .registrate-foros span { float: left; font-size: 2em; margin-right: 10px; } #articulo_ficha .leaderboard { background: #efefef; clear: both; padding: 15px 5px; margin-top: 10px; text-align: center !important;} .media .media-body img { height:auto !important; width: auto !important; margin-top: 10px; display: block;} .comment_article .basicform { padding: 20px; } .comment_article .basicform textarea { width: 100%; display: block; } #articulo_ficha .fileinput-button a:hover, #articulo_ficha .add-video:hover { text-decoration: none; } #foros form button.btn_insert_video_tema {background: none;border: none; margin-top: 0; padding: 0; color: #05807d; font-size: 20px !important; border-radius: 0;} #articulo_ficha #sendcomment textarea { height: 150px; } #articulo_ficha .tit_buscador_section:hover { text-decoration: none; color: #333;} .info_colapse { font-size: 1.6em; margin-left: 15px; } .info_colapse:hover, .info_colapse:active, .info_colapse:visited, .info_colapse:link { text-decoration: none; } #content #comentarios h2 { background: url("/img/new/sprite.png") no-repeat scroll 4px -994px transparent; font-size: 1.4em; font-weight:normal; padding: 2px 3px 3px 28px;} #sendcomment form, #replymsg form { background: #f3f3f3 !important; border: 1px solid #EDE7D4; margin-top: 10px; display: table; width: 100%; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 0 20px !important; } #sendcomment textarea { height: 80px; margin: 5px 0 10px; overflow: auto; padding: 0; width: 100%; border: 1px solid #CACACA; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #content #comentarios ul { border-bottom: 1px solid #E3E3E3; line-height: 1.4em; margin-top: 10px;} #content #comentarios ul li { border-bottom: 1px solid #E3E3E3; height: auto !important; min-height: 60px; padding: 8px 5px 8px 90px;} #content div.autorbox img { border: 2px solid #e8e8e8;} #content #comentarios ul li div.commentbox p { padding: 5px;} #content #comentarios ul li.bg div.commentbox { -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background: none repeat scroll 0 0 #F6F6F6;} #content #comentarios ul li div.commentbox { margin: 5px; padding: 5px;} #content #comentarios ul li div.autorbox { margin: 5px 0 0 -90px; overflow: hidden; position: absolute; text-align: center; width: 80px;} #content div.autorbox p.autorname { font-size: 1.1em; font-weight: bold; margin: 3px 0; text-align: center; } #TB_window form.basicform { background: white; border: none; border-radius: 5px; padding-top: 5px;} .loading_on { opacity: 0.4; } .loading_capa { background: url("/img/pixel.gif") repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0; height: 100%; left: 0; position: fixed; width: 100%; z-index: 20; } .loading_capa img{ margin: 180px auto 0; display: table-caption; } .actividad li { border-bottom: 1px solid #ece9e9; } .actividad li:last-child { border: none; } #articulo_ficha button.bt-green-s { float: right; font-size: 1.5em; padding: 15px 25px; } #articulo_ficha .form_video { background: none; border: none; border-radius: 0; margin-top: 0; padding: 0; width: 100%;} @media (max-width: 1150px) { .right_listado_art { width: 100%; padding: 0 15px; } .art_der_box { width: 51%; float: right; } .right_listado_art .publi_razas_ficha { float: left; width:49%; margin: 20px 0; } } @media (max-width: 768px) { .right_listado_art { margin-left: 0; } #articulo_ficha .fileinput-button, #articulo_ficha .btn-primary, #articulo_ficha .add-video { display: none; } #articulo_ficha button.bt-green-s { float: none; width: 100%; } #articulo_ficha a.ico_balloon_add { display: none; } #articulo_ficha .link_seguir { display: none; } #articulo_ficha #article img { padding: 2% 5%; max-width: 100%; display: block; float: none; } #articulo_ficha div.text ul li { font-size: 13px; } #articulo_ficha #sendcomment textarea { height: 100px; } .list_articulos { width: 100%; } .list_articulos img { width: 80px; height: 80px; } .art_der_box { width: 100%; float: left; } .right_listado_art .smalltitle { font-size: 20px !important; } .right_listado_art .publi_razas_ficha { float: left; width:100%; margin: 20px 0; } .registrate-fotos a { display: inline-table; margin-top: 10px; padding: 0 10px; } .registrate-fotos img { width: 15%; } .mosaic img { padding: 3.5%; width: 31.5%;} .registrate-foros { font-size: 1.2em;} } @media (max-width:320px) { #sendcomment form, #replymsg form { padding: 8px !important; } .bg_send_comment .borderbox p.title_send_comment, #sendcomment p.title_send_comment { font-size: 1.5em !important; } .info_colapse {margin-left: 3px;} .bg_send_comment .borderbox p.title_send_comment .icon-info:before {font-size: 23px !important;} } @media (width: 1024px) { .art_der_box { width: 100%; float: none; } .left_listado_art { width: 70% !important; } .right_listado_art { padding: 0; width: 30% !important; } .right_listado_art .smalltitle { font-size: 20px; line-height: 22px; margin-top: 20px; } .registrate-foros {font-size: 1.3em; } .registrate-foros span { display: none; } .mosaic img { width: 31.5%;} .registrate-fotos a{ font-size: 16px; padding: 0 10px; } .registrate-fotos img { width: 19%; } } /*-- FIN ARTICULOS -- */ /*-- LANDING FELIWAY -- */ .feliway_landing { font-size: 17px; line-height: 24px; } .feliway_landing h1 { font-size: 40px; margin-bottom: 10px; margin-top: 20px; font-weight: bold; } .feliway_landing h2 { float: left; font-size: 34px; width: 66%; clear: none; margin-top: 0; font-weight: bold; } .feliway_landing_img1{ width: 31%; float: right; margin-left: 25px; position: relative; top: 100px;} .feliway_landing_img2{ width: 31%; float: left; margin-right: 25px; position: relative; top: 0;} .feliway_landing_img3{ width: 31%; float: left; margin-right: 25px;} .feliway_landing .intro_feliway {font-size: 19px; margin-bottom: 30px; line-height: 28px; position: relative;} .feliway_landing .text_img_intro {width: 56%;} .feliway_landing .img_intro_feliway { position: absolute; right: 0; top: 130px; z-index: 50; } .feliway_landing .productos_tit { font-size: 24px; line-height:30px; margin-top: 10px; float: right !Important; font-weight: bold; color: #666666; width: 67%; margin-bottom: 18px; } .feliway_landing .productos_tit2 { font-size: 24px; line-height:30px; margin-top: 10px; float: right !Important; font-weight: bold; color: #666666; width: 67%; margin-bottom: 18px; } .feliway_landing .productos_tit3 { font-size: 24px; line-height:30px; margin-top: 10px; float: right !Important; font-weight: bold; color: #666666; width: 67%; margin-bottom: 18px;} .feliway_landing .texto_vertical { display: table; margin-bottom: 30px; } .feliway_landing .vertical_align { vertical-align: middle; } .feliway_landing .vertical_align p.text1_feliway { float: left; display: block;width: 66%; } .feliway_landing .vertical_align p.text2_feliway {float: left; display: block;width: 66%; } .bg_feliway { background: #fcfcfb; border: 2px solid #e6e6e6; clear: both; display: block; display: inline-table; padding: 20px; margin-bottom: 30px; } .lista_productos_3_horiz { width: 100%; clear: both; } .lista_productos_3_horiz li { float: left; background: white; border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #ece9e9; height: 155px; width: 32%; margin-right: 2%; margin-bottom: 3%; } .lista_productos_3_horiz li.fright_list { float: right;margin-left: 2%; margin-bottom: 3%; margin-right: 0; } .lista_productos_3_horiz li img { margin: 8px; display:block; width: 80px; float: left; } .lista_productos_3_horiz li:last-child { margin-right: 0 !important; } .lista_productos_3_horiz li p { margin: 0 2px 0 10px; font-size: 16px; color: #414141; } .lista_productos_3_horiz li p a { font-size: 15px; text-decoration: underline; line-height: 18px; max-height: 39px; display: block; overflow: hidden; } .lista_productos_3_horiz li p.precio_tachado_ficha { font-size: 12px !important; } .lista_productos_3_horiz li .precio_lista_productos_5 { width: 50%; } .lista_productos_3_horiz li .bg_precio_lista_4_horiz .price_listado_prods_nooffer { font-size: 23px; margin-top: 8px;} .lista_productos_3_horiz li .bg_precio_lista_4_horiz .price_listado_prods { font-size: 23px; margin-top: 8px;} .lista_productos_3_horiz li .bg_precio_lista_4_horiz .precio_tachado_ficha {float: left; margin-top: 8px; margin-right: 10px; } /* RESPONSIVE FELIWAY ------------------------------------------------------------------------------------------------------------- */ @media (max-width: 1400px) { .feliway_landing .text_img_intro {width: 56%;} .feliway_landing .img_intro_feliway { position: absolute; right: 0; z-index: 50; top: 215px; width: 42%; } .feliway_landing .productos_tit { float: left !Important; } .feliway_landing .productos_tit2 { float: right !Important; } .feliway_landing .productos_tit3 { float: right !Important; width: 100%; } } @media (max-width: 1300px) { .feliway_landing_img2 { top: 100px; } } @media (max-width: 1100px) { .feliway_landing .text_img_intro {width: 56%;} .feliway_landing .img_intro_feliway { position: absolute; right: 0; top: 300px; z-index: 50; width: 40%; } .feliway_landing .productos_tit, .feliway_landing .productos_tit3, .feliway_landing .productos_tit3 { float: left !Important; width: 100%; } .feliway_landing_img1 { top:50px; } .feliway_landing_img2 { top:100px; } .feliway_landing_img3 { position: relative; top: 26px; } .lista_productos_3_horiz li.fright_list { float: left; margin-bottom: 3%; margin-left: 0; margin-right: 2%; } } @media (max-width: 980px) { .feliway_landing_img1, .feliway_landing_img2, .feliway_landing_img3 { width: 100% !Important; top: 0; margin-bottom: 20px; } .feliway_landing .vertical_align p { width: 100% !Important;} .feliway_landing h1 { font-size: 35px; } .feliway_landing h2 { width: 100%; } .lista_productos_3_horiz li .bg_precio_lista_4_horiz .price_listado_prods_nooffer { font-size: 18px; margin-top: 8px;} .lista_productos_3_horiz li .bg_precio_lista_4_horiz .price_listado_prods { font-size: 18px; margin-top: 8px; width: auto !important;} .lista_productos_3_horiz li .bg_precio_lista_4_horiz .precio_tachado_ficha {float: left; margin-top: 8px; margin-right: 10px; width: auto !important; } .lista_productos_3_horiz li .precio_lista_productos_5 { width: 70%; } .feliway_landing .text_img_intro {width: 56%;} .feliway_landing .img_intro_feliway { position: absolute; right: 0; top: 300px; z-index: 50; width: 40%; } .bg_feliway { padding: 10px; margin-bottom: 40px; } .texto_vertical { margin-bottom: 40px; } .lista_productos_3_horiz li.fright_list { float: left; margin-bottom: 3%; margin-left: 0; margin-right: 2%; } } @media (max-width: 768px) { .feliway_landing { padding: 0 15px; } .feliway_landing h1 { font-size: 30px; } .lista_productos_3_horiz li { width: 100%; margin: 15px 0; height: auto !important; } .feliway_landing_img1, .feliway_landing_img2 { margin: 30px 0 20px; } .feliway_landing .productos_tit, .feliway_landing .productos_tit2, .feliway_landing .productos_tit3 {font-size: 20px; line-height: 23px; font-weight: bold; } .feliway_landing h2 { font-weight: bold; font-size: 26px; } .feliway_landing .text_img_intro {width: 100%;} .feliway_landing .img_intro_feliway { float: right; left: 0; margin-top: 30px; position: relative; top: 0; width: 50%; z-index: 0;} .bg_feliway { padding: 10px; margin-bottom: 30px; } .texto_vertical { margin-bottom: 30px; } } /* CRIADORES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* LISTADO CRIADORES */ .box_buscador_criadores { float: left; margin: 11px 0 9px; width: 100%;} .box_buscador_criadores .placeholdprod { background: none repeat scroll 0 0 #fbfafa; border: 1px solid #d6d6d6; border-radius: 5px; color: #888888; font-size: 17px; padding: 5px 10px 6px; width: 40%; margin-right: 20px;} .box_buscador_criadores .placeholdprod2 { width: 84%; } .criadores_listado_pasador { margin-top: 20px; } #listado_criadores #left_filters { margin-top: 0;} .filtros_criadores_listado { display: none; } #content_filters_criadores {float: right; margin-top: 10px; width: 73%; margin-bottom: 35px;} #content_filters_criadores_full {float: none; margin-top: 10px; width: 100%; margin-bottom: 35px;} .lista_criadores_5 { width: 100%; display: flex; max-height: 100%; } .lista_criadores_5 li { float: left; display: inline-table; height: 100%; position: relative; border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #ece9e9;width: 18.4%; margin-right: 2%; padding-bottom: 4px; } .lista_criadores_5 .imagen_princ_dest { margin: 10px auto 6px; width: 215px; height: 215px; overflow: hidden; display: block; position: relative; } .lista_criadores_5 .imagen_princ_dest img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .lista_criadores_5 li img {display: block; /* Otherwise it keeps some space around baseline */ width: 100%; /* Scale up to fill container width */ /* min-height: 100%; Scale up to fill container height */ -ms-interpolation-mode: bicubic; /* Scaled images look a bit better in IE now */ } .price_cachorro_destacado { background-color: rgba(0, 0, 0, 0.7); color: white !important; font-size: 18px !important; left: 1%; padding: 5px 26px; position: absolute; text-align: center; top: 1%; width: 89.9%;} .lista_criadores_5 li:last-child { margin-right: 0 !important; } .lista_criadores_5 li p { margin: 5px 10px 0; font-size: 13px; color: #414141; height: 40px; overflow: hidden; display: block; } .lista_criadores_5 li p span { font-size: 14px;} .lista_criadores_5 li p a { font-size: 15px; text-decoration: underline; line-height: 18px; max-height: 39px; display: block; overflow: hidden; } .lista_criadores_5 li ul.mosaic_cachorros { width: 90%; margin: 0 auto; } .lista_criadores_5 li ul.mosaic_cachorros li { border: medium none; display: inline-table; float: none; width: 30%;} .lista_criadores_5 li ul.mosaic_cachorros li img { width: 100%; } .title_listado_criadores { float: left; font-size: 32px; font-weight: inherit; letter-spacing: 0; margin-bottom: 10px; margin-top: 16px; padding-bottom: 0; width: 100%;} .title_listado_criadores .numero_criadores_tit { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 25px;} .title_listado_criadores .eres_criador_tit { color: #777; width: 100%; margin-top: 10px; display: block; padding-top: 10px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px;} .title_listado_criadores .eres_criador_tit .icon-briefcase { color: #777; float: left; font-size: 22px; margin-right: 8px; margin-top: -2px; } .text_list_criad { font-size: 1.3em; } #content_filters_criadores #searchresults_horiz li{ width: 100%;} #content_filters_criadores_full #searchresults_horiz li{ width: 100%;} #searchresults_horiz li ul.mosaic_cachorros { margin-top: 10px; display: table-cell; } #content_filters_criadores_full.list_cachorros li ul.mosaic_cachorros { display: block; width: 50px; float: left; margin-right: 20px; margin-top: 0; } #content_filters_criadores_full.list_cachorros .description_left_list { width: 100%; display: block; vertical-align: middle; padding-left: 175px;} #content_filters_criadores_full.list_cachorros .estado_cachorro { background-color: rgba(0, 0, 0, 0.7); margin-bottom: 0 !important; padding: 2px 0; font-weight: bold; text-align: center; width: 150px; position: absolute; left: 15px; top: 135px; z-index: 1; } #content_filters_criadores_full.list_cachorros .estado_cachorro.green { color: #95c61a !Important; } #content_filters_criadores_full.list_cachorros .estado_cachorro.red { color: #f26690 !Important; } #content_filters_criadores_full.list_cachorros li ul.mosaic_cachorros li img {margin-top: 0; } #content_filters_criadores_full.list_cachorros #searchresults_horiz .description_right_list_criadores img { display: inline-table; float: right; margin-bottom: 2px; margin-left: 0; padding-right: 8px; text-align: center; width: 72%; margin-right: 18px;} #content_filters_criadores_full.list_cachorros .description_right_list_criadores .price_cachorro { font-size: 25px; margin-bottom: 1px !important;line-height: 20px;} #content_filters_criadores_full.list_cachorros .description_right_list_criadores .price_cachorro span { font-size: 18px;} #content_filters_criadores_full.list_cachorros #searchresults_horiz .info_mvl_cachorro_list p a.size2 { font-size: 20px;} #content_filters_criadores_full.list_cachorros .description_right_list_criadores { height: 150px; padding-top: 6px; } #content_filters_criadores_full.list_cachorros .description_right_list_criadores .btn_agregar_carrito { padding-top: 10px; bottom: 0; right: 20px; position: absolute;} #searchresults_horiz li ul.mosaic_cachorros li { border: none; padding:0; margin-right: 10px; width: 50px !important; float: left; } #searchresults_horiz li ul.mosaic_cachorros li img { display: block; float: left; margin: 5px 0 15px;width: 100%; height: auto;} #searchresults_horiz li ul.mosaic_cachorros li.parent_names { width: 260px !important; margin: 0; } .description_cachorro { font-size: 16px; } #searchresults_horiz li ul.mosaic_cachorros li .photo-more { background: #fbfafa; border: 1px solid #cac9bd; display: block; float: left; font-size: 35px;width: 100%; height: 50px; line-height: 20px; overflow: hidden; text-align: center; text-decoration: none;;} #searchresults_horiz li ul.mosaic_cachorros li .photo-more strong { line-height: 50px;} #searchresults_horiz li ul.mosaic_cachorros li:last-child { margin-bottom: 0; } #content_filters_criadores #searchresults_horiz li p.grey {color: #999; } #content_filters_criadores #searchresults_horiz li p { margin-bottom: 5px; } #content_filters_criadores_full #searchresults_horiz li p.grey {color: #999; } #content_filters_criadores_full #searchresults_horiz li p { margin-bottom: 5px; } .description_right_list_criadores { display: table-cell; float: none; position: absolute; right: 0; bottom: 10%; text-align: center; vertical-align: middle; width: 151px;} #content_filters_criadores #searchresults_horiz .description_right_list_criadores img { display: inline-table; float: right; margin-bottom: 5px; margin-left: 0; padding-right: 8px; text-align: center; width: 80%; } #content_filters_criadores_full #searchresults_horiz .description_right_list_criadores img { display: inline-table; float: right; margin-bottom: 5px; margin-left: 0; padding-right: 8px; text-align: center; width: 80%; } .ver_telf_list .icon-call-out, .description_right_list_criadores .icon-envelope { display: none; } .description_right_list_criadores .btn_agregar_carrito { padding-top: 10px; } .description_right_list_criadores .btn_agregar_carrito a{ float: none; margin: 0 auto; text-align: center; display: inline-table; width: 110px; } .description_right_list_criadores .price_cachorro { font-size: 30px; margin-bottom: 0 !Important; font-weight: bold; } .description_right_list_criadores .price_cachorro span{ font-size: 23px; color: #666; } .description_right_list_criadores .price_cachorro_no { margin-bottom: 0 !Important; color: #999; font-size: 18px; line-height: 22px;} .description_right_list_criadores .img_recomend_cachorros { float: none !important; margin: 0 auto !important; width: 100px !important; } .opiniones_listado_criadores .estrellas_prod {float: left; width: 95px; margin: -4px auto 0; } .opiniones_listado_criadores { font-size: 85%; margin-bottom: 4px; } .list_cachorros .btn_agregar_carrito a { display: inline-table; float: none; font-size: 16px; line-height: 18px; margin: 0 auto; padding: 5px 9px; text-align: center; width: 110px;} .modal-header { padding: 10px 22px;} .modal-title { border-bottom: none; font-size: 20px; margin-bottom: 10px; padding: 0; display: block; } .modal-body { padding: 20px 20px 2px; display: table; width: 100%;} .form-group .alert { display: none; } .form-group .error .alert {display: block; border-radius: 0; margin: 10px 0; padding: 0; color: red; } .text_form_condiciones { float: left; font-size: 85%;width: 55%; text-align: left; } .foto_padre_camadas { margin-left: -175px; width: 150px; float: left; margin-bottom: 10px; } .foto_madre_camadas { margin-left: -5px; width: 150px; margin-right:30px; float: left;margin-bottom: 10px; } .foto_pdre_camadas p, .foto_madre_camadas p {width: 150px; } .img_camadas_list {margin: 5px 0 0 !important; } .camada_list_info { margin-left:20px; } .margin_list_criadores { margin-right: 160px; } .ver_telf_click { color: #ba0037 !important; font-weight: bold; font-size: 14px; } #formmensaje #contactook, #formmensaje #contactofail { padding: 10px 0 0; line-height: 22px; margin-bottom: 20px; height: 60px; font-size: 18px; } .anuncios_similares .descrip_ciador_cont ul { column-count: 2;-moz-column-count: 2; -webkit-column-count: 2;} .anuncios_similares .descrip_ciador_cont ul li.profes_zona { width: 90%; float: none; display: inline-block; } .anuncios_similares .descrip_ciador_cont ul li.profes_zona .precio_similares { font-size: 1.4em; font-weight: bold; } .anuncios_similares .descrip_ciador_cont ul li.profes_zona .precio_similares span { font-size: 0.8em; } .text_img_ampliar_anuncio{ font-size: 1.3em; text-align: center; width: 250px; color: #818080;margin: 10px auto; } #ficha_profes .dos .mosaic { width: 250px; } #ficha_profes .dos .mosaic img { padding: 1%; width: 32.2%; } .btn_contacto_anuncio { display: none; } /* .desc_anuncio_ficha { width: 70%; float: right; } */ .desc_anuncio_ficha .precio { font-size: 1.5em; font-weight: bold; } .desc_anuncio_ficha .precio span { font-size: 0.8em; color: #777; } .ribbon { position: absolute; left: 15px; top: 11px; z-index: 1; } .ribbon .banner { color: #fff; display: block; float: right; position: relative; right: 6px; top: 11px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 51px; } .ribbon .banner:before { left: -23px; top: -7px; transform: skewY(-45deg) translate(50%,15px); -webkit-transform: skewY(-45deg) translate(50%,15px); -moz-transform: skewY(-45deg) translate(50%,15px); -ms-transform: skewY(-45deg) translate(50%,15px); -o-transform: skewY(-45deg) translate(50%,15px); -webkit-transform-origin: 100% center; -moz-transform-origin: 100% center; -ms-transform-origin: 100% center; -o-transform-origin: 100% center; transform-origin: 100% center 0; } .ribbon .banner:after, .ribbon .banner:before { content: ""; display: block; height: 6px; position: absolute; width: 15px; background-color: #51a351; } .ribbon-red .banner::after, .ribbon-red .banner::before { background-color: #a00533; } .ribbon .text { font-size: 12px !important; font-weight: 700; line-height: 12px; min-height: 12px; padding: 2px 0 1px !Important; position: relative; text-shadow: 1px 1px 1px rgba(0,0,0,.2); white-space: nowrap; z-index: 2; } .ribbon .banner,.ribbon .text, .ribbon a { background: 0 0; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } .ribbon .text:before { -webkit-transform: translateX(-15%) skewX(-45deg); -moz-transform: translateX(-15%) skewX(-45deg); -ms-transform: translateX(-15%) skewX(-45deg); -o-transform: translateX(-15%) skewX(-45deg); transform: translateX(-15%) skewX(-45deg); } .ribbon .text:after { -webkit-transform: translateX(15%) skewX(45deg); -moz-transform: translateX(15%) skewX(45deg); -ms-transform: translateX(15%) skewX(45deg); -o-transform: translateX(15%) skewX(45deg); transform: translateX(15%) skewX(45deg); } .ribbon .banner:after { right: -9px; top: 15px; transform: translate(100%,-100%) skewY(45deg) translateX(-58%); -webkit-transform: translate(100%,-100%) skewY(45deg) translateX(-58%); -moz-transform: translate(100%,-100%) skewY(45deg) translateX(-58%); -ms-transform: translate(100%,-100%) skewY(45deg) translateX(-58%); -o-transform: translate(100%,-100%) skewY(45deg) translateX(-58%); -webkit-transform-origin: 0 center 0; -moz-transform-origin: 0 center 0; -ms-transform-origin: 0 center 0; -o-transform-origin: 0 center 0; transform-origin: 0 center 0; } .ribbon .text:after, .ribbon .text:before { content: ""; display: block; height: 16px; position: absolute; top: 0; width: 100%; z-index: -1; background-color: #62c462; } .no-css-transforms .ribbon-red .text, .ribbon-red .text::after, .ribbon-red .text::before { background-color: #e0386a;} .lazo-dest { margin-left: -14px; margin-top: -6px;background: url("/img/responsive/criador_sponsor_rosa.png") repeat scroll 0 0; } @media (max-width: 1300px) { #listado_criadores .carousel-inner { width: 96%; margin-left: 22px;} } @media (max-width: 1024px) { #listado_criadores .criadores_listado_pasador { display: none; } } @media (min-width: 1151px) { #form_profess #myModalForm { display: block; opacity: 1; position: relative; overflow: hidden; z-index: 22;} } @media (max-width: 1150px) { .btn_contacto_anuncio { display: block; } } @media (max-width: 768px) { .opiniones_listado_criadores .estrellas_prod { float: none; } .opiniones_listado_criadores .estrellas_prod li { width: 15px !important } .opiniones_listado_criadores .estrellas_prod li:last-child { display: inline-block !important; } #content_filters_criadores_full.list_cachorros .camada_list_info .opiniones_listado_criadores { width: 100%; font-size: 1em; display: inline-block; margin-bottom: 0; } #content_filters_criadores_full.list_cachorros .camada_list_info .opiniones_listado_criadores .estrellas_prod { float: left; } #content_filters_criadores_full.list_cachorros .camada_list_info .opiniones_listado_criadores .estrellas_prod li { width: 15px !important; } #content_filters_criadores_full.list_cachorros .camada_list_info .opiniones_listado_criadores .frase_recomendaciones { float: left; padding-left: 8px; } #myModalFoto img { max-width: 100%; } #myModalFoto .modal-body {padding: 5px 20px 2px; } .buscador_responsive { border-top: 2px solid #bababa !important; margin-top: 12px !Important; } .filtros_criadores_listado { display: block; } .box_buscador_criadores { margin: 10px 0 0; } .box_buscador_criadores .placeholdprod { font-size: 16px; margin-bottom: 10px; margin-right: 0; padding: 5px 10px 3px; width: 100%;} .box_buscador_criadores .placeholdprod2 { width: 100%;} .box_buscador_criadores .submit_buscar { background: #f52966; border: 2px solid #c72728; border-radius: 6px; color: white; display: block; float: right; font-size: 17px; font-weight: bold; margin-top: 0; padding: 4px 10px 3px; text-decoration: none; text-transform: uppercase; text-indent: 0; width: 100% !important; } #searchresults_horiz li ul.mosaic_cachorros { display: none; } #content_filters_criadores_full #searchresults_horiz li p.description, #content_filters_criadores #searchresults_horiz li p.description { font-size: 12px; margin: 5px 0; padding-right: 35px; clear: both; } #content_filters_criadores_full .searchresults { display: block;} .description_right_list_criadores { display: inline; float: none; position: relative; top: 0; width: auto; } .ver_telf_list { display: table-cell; margin-right: 10px; width: 70%;} .description_right_list_criadores .btn_agregar_carrito { padding: 0; } .description_right_list_criadores .btn_agregar_carrito a { text-align: left; background: white; border: medium none; box-shadow: none; color: white; float: left; width: 40px; } .description_right_list_criadores .btn_agregar_carrito a span.icon-envelope { color: #05807d; padding-top: 4px !important; } .ver_telf_click { display: block;color: #ba0037 !important; font-weight: bold; float: left; padding-top: 10px; } .list_cachorros .ver_telf_click { font-size: 16px; padding-top: 2px; } .list_cachorros .description_right_list_criadores a {padding: 5px 9px 0; } .list_cachorros .description_right_list_criadores { display: block; float: left; position: relative; top: 0; width: 60px; } .list_cachorros .description_right_list_criadores .price_cachorro_no, .list_cachorros .description_right_list_criadores .price_cachorro { display: none; } .list_cachorros img.img_recomend_cachorros { display: none !important; } .margin_list_criadores { margin-right: 0; } .title_listado_criadores { display: block; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 21px; font-weight: bold; margin: 0 auto 5px;width: 95%; float: none;} .title_listado_criadores .numero_criadores_tit { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px;} .eres_criador_tit { display: none; } #listado_criadores .cabecera { display: none; } #listado_criadores #left_list label {display: none; } #listado_criadores #left_list { display: block; float: none; margin: -21px auto 0; width: 100%;} #listado_criadores #left_filters {position: relative !important; top: 0 !important; background: #f1f1f1; display: none; visibility: visible !important; border:0; margin-top: 0 !important; border-top: 1px solid #cecece; border-bottom: 1px solid #414141; border-radius: 0;} #content_filters_criadores #searchresults_horiz li{ width: 100%; padding-top: 10px;} #content_filters_criadores_full #searchresults_horiz li{ width: 100%; padding-top: 10px;} #listado_criadores .top_cr { background: #ebebeb; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; } .box_buscador_criadores {display: none; } .buscar_mvl_box { width: 50%; float: left; font-size: 18px; } .filtrar_mvl_box { width: 50%; float: left; font-size: 18px; text-align: right;} .one_option { width: 100%; float: left; } #filtrar_mvl { text-align: right; } #listado_criadores .description_list {display: table; margin: 0 auto; width: 95%; } #listado_criadores .icon-call-out { display: inline-table; font-size: 18px; margin-right: 18px; padding-top: 8px; } .icon_ambulance { width: 30px; margin-right: 18px; padding-top: 0; display: inline-table; top: -3px; position: relative; } #listado_criadores .icon-envelope {display: inline-table; font-size: 19px; margin-right: 20px; padding-top: 8px; } #listado_criadores .icon-badge { font-size: 20px; color: #ba0037; padding: 0 0 5px 5px; display: inline-table;} #content_filters_criadores #searchresults_horiz li p { margin-bottom: 0;} #content_filters_criadores_full #searchresults_horiz li p { margin-bottom: 0;} .list_cachorros #searchresults_horiz li img { width: 100%; margin: 0 0 10px; } .list_cachorros .description_left_list {padding: 0;position: relative;display: inline-table;width: 100%;} .list_cachorros .telf_cachorros { width: 50%; } .list_cachorros .icon-call-out, .list_cachorros .icon-envelope {padding-top: 0px !important; display: block; font-size: 19px; padding-top: 0; margin-right: 0px;} .info_mvl_cachorro_list { background-color: rgba(0, 0, 0, 0.7); bottom: 9px; color: white; display: block; left: 0; max-height: 79px; overflow: hidden; padding: 2%; position: absolute; width: 100%; } .info_mvl_cachorro_list p { line-height: 18px; } .info_mvl_cachorro_list p.price_cachorro { font-size: 1.5em; float: left; margin-left: 0; color: #a0dc07 !important; } .info_mvl_cachorro_list p.price_cachorro span { font-size: 0.8em} .info_mvl_cachorro_list a { color: white; } .info_mvl_cachorro_list .icon-badge { color: white !important; } .parrafo_criador_mvl {display: block; height: 24px; clear: both; font-size: 14px;} .modal-title { font-size: 16px; line-height: 18px; margin-bottom: 5px; width: 85%; } .text_form_condiciones { width: 100%; } .title_camada_list span.nodesk { display: inline; } .camada_list_info { margin-left: 0; } .list_cachorros .description_right_list_criadores .btn_agregar_carrito a { display: block; font-size: 19px; margin-right: 0; padding-top: 0 !important;} .title_listado_criadores .eres_criador_tit { font-size: 15px; padding-bottom: 10px;} .title_listado_criadores .eres_criador_tit .icon-briefcase { font-size: 17px;} .text_list_criad { font-size: 1.2em; margin: 0 auto 5px; width: 95%; } .title_listado_criadores { border-bottom: 1px solid #ece9e9; } #searchresults_horiz li:first-child { border-top: none; ; } .list_cachorros #searchresults_horiz li { width: 47% !important;margin-left: 2%;font-size: 12px;float: left !important;display: block;clear: none; } #content_filters_criadores #searchresults_horiz li { float: none; padding-top: 10px; width: 100%;} #content_filters_criadores_full #searchresults_horiz li { float: none; padding-top: 10px; width: 100%;} .info_mvl_cachorro_list .icon-badge {padding-left: 10px; } .foto_madre_camadas, .foto_padre_camadas { margin-right: 2%; width: 48%; margin-left: 0; } .title_camada_list {padding: 7px; } #ficha_profes .ficha_content { margin: 0 15px; } #ficha_profes .anuncios_similares { margin: 0 15px; } .anuncios_similares .descrip_ciador_cont ul { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1;} .anuncios_similares .descrip_ciador_cont ul li.profes_zona { width: 100%; } #form_profess .form_ficha_criador { display: table; width: 100%; margin: 0 auto;} #form_profess .form_ficha_criador .modal-title { display: inline-block;} #content_filters_criadores_full.list_cachorros .description_left_list { padding-left: 0; } #content_filters_criadores_full.list_cachorros .description_left_list .info_mvl_cachorro_list { background-color: rgba(0, 0, 0, 0.7); bottom: 10px; color: white; display: block; left: 0; max-height: 79px; overflow: hidden; padding: 2%; position: relative; width: 100%;} #content_filters_criadores_full.list_cachorros #searchresults_horiz .info_mvl_cachorro_list p a.size2 { font-size: 17px; height: 18px; overflow: hidden; display: block;} #content_filters_criadores_full.list_cachorros #searchresults_horiz li { float: none !important; display: inline-table; } #content_filters_criadores_full.list_cachorros .description_left_list { position: relative; } #content_filters_criadores_full.list_cachorros .description_right_list_criadores .btn_agregar_carrito a { display: block; position: relative; font-size: 19px; margin-right: 0; padding-top: 0 !important; z-index: 888;} #content_filters_criadores_full.list_cachorros .telf_cachorros { } #content_filters_criadores_full.list_cachorros .description_right_list_criadores { height: 24px; padding-top: 6px;} } @media (width: 768px) { #listado_criadores .description_list { width: 100%; } #content_filters_criadores_full #searchresults_horiz li.basic_pack { margin-left: 12px; } } @media (max-width: 620px) { .ribbon { left: 10px; } .lazo-dest { margin-left: -5px;} } @media (max-width: 350px) { .ribbon {left: 7px; } } @media (max-width: 550px) { #ficha_profes .dos { float: none !important; margin: 0 auto; display: table;} .desc_anuncio_ficha { width: 100%; display: inline-block; } } @media (max-width: 400px) { #searchresults_horiz li:first-child { border-top: 1px solid #ece9e9;} .title_listado_criadores { border-bottom: none; } .list_cachorros #searchresults_horiz li {width: 100% !important;float: left;margin-left: 0 !important;display: block;clear: none; } .title_listado_criadores .eres_criador_tit { padding-bottom: 0} #ficha_profes .dos .mosaic { margin-bottom: 15px; } .anuncios_similares .descrip_ciador_cont ul li.profes_zona { padding-top: 0; } .anuncios_similares .descrip_ciador_cont ul li.profes_zona .media-heading { font-size: 1.3em;} } @media (max-width: 980px) { #content_filters_criadores { width: 100%; } #content_filters_criadores_full { width: 100%; } .lista_criadores_5 li { width: 22.6%; } .lista_criadores_5 li:nth-child(5) { display: none; } .buscador_responsive { border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; margin-top: 0; } .filtros_criadores_listado { display: block; } .box_buscador_criadores { margin: 10px 0 0; } .eres_criador_tit { display: none; } #listado_criadores .cabecera { display: none; } #listado_criadores #left_list label {display: none; } #listado_criadores #left_list { display: block; float: none; margin: -21px auto 0; width: 100%;} #listado_criadores #left_filters { background: #f1f1f1; display: none; visibility: visible !important; border:0; border-top: 1px solid #cecece; border-bottom: 1px solid #414141; border-radius: 0; position: absolute; z-index: 19; top: 180px; left: 0; } #content_filters_criadores #searchresults_horiz li{ width: 100%; padding-top: 10px;} #content_filters_criadores_full #searchresults_horiz li{ width: 100%; padding-top: 10px;} #listado_criadores .top_cr { background: #ebebeb; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; } .box_buscador_criadores {display: none; } .buscar_mvl_box { width: 50%; float: left; font-size: 18px; } .filtrar_mvl_box { width: 50%; float: left; font-size: 18px; text-align: right; position: relative;} .one_option { width: 100%; float: left;} #filtrar_mvl { text-align: right; } } @media (min-width: 981px) and (max-width: 1300px) { .lista_criadores_5 li { width: 17.8%; } } @media (min-width: 1250px) and (max-width: 1300px) { .lista_criadores_5 .imagen_princ_dest { width: 182px;; height: 182px; } } @media (min-width: 1200px) and (max-width: 1249px) { .lista_criadores_5 .imagen_princ_dest { width: 170px; height: 170px; } } @media (min-width: 1170px) and (max-width: 1199px) { .lista_criadores_5 .imagen_princ_dest { width: 160px; height: 160px; } } @media (min-width: 1100px) and (max-width: 1169px) { .lista_criadores_5 .imagen_princ_dest { width: 150px; height: 150px; } } @media (min-width: 1050px) and (max-width: 1099px) { .lista_criadores_5 .imagen_princ_dest { width: 140px; height: 140px; } } @media (min-width: 978px) and (max-width: 1049px) { .lista_criadores_5 .imagen_princ_dest { width: 130px; height: 130px; } } @media (min-width: 930px) and (max-width: 977px) { .lista_criadores_5 .imagen_princ_dest { width: 180px; height: 180px; } } @media (min-width: 860px) and (max-width: 929px) { .lista_criadores_5 .imagen_princ_dest { width: 170px; height: 170px; } } @media (min-width: 845px) and (max-width: 959px) { .lista_criadores_5 .imagen_princ_dest { width: 150px; height: 150px; } } @media (min-width: 815px) and (max-width: 844px) { .lista_criadores_5 .imagen_princ_dest { width: 140px; height: 140px; } } @media (min-width: 750px) and (max-width: 814px) { .lista_criadores_5 .imagen_princ_dest { width: 130px; height: 130px; } } @media (min-width: 769px) and (max-width: 850px) { #ficha_criador2 .form_ficha_criador { margin-left: 0 !important; } #ficha_criador .col-md-4 { width: 100%; margin-top: 30px !important; } } @media (min-width: 851px) and (max-width: 1150px) { #ficha_criador2 .form_ficha_criador { margin-left: 0 !important; } } @media (width: 1024px) { #ficha_criador .col-md-4 { width: 100% !important; clear: both; } #ficha_criador .col-md-8 { width: 100% !important; clear: both; } .otros_criadores_ficha li { width: 33% !important;} #ficha_criador .publi_razas_ficha { float: left; margin-left: 0; } .listado_camadas_ficha .searchresults_horiz {padding: 0 !Important;} .camada_list_info { margin-right: 155px; } .lista_criadores_5 li {height: 57px; } } /* FICHA CRIADORES */ #ficha_criador { margin-bottom: 60px; } #ficha_criador .ficha_content_fotos { } #ficha_criador.ficha .ficha_content .foto_album { margin: 20px auto; text-align: center;} #ficha_criador #nav_fotos {overflow:hidden;padding:10px;} #ficha_criador .tabs_5 { margin-top: 10px; } #ficha_criador #nav_fotos img {border:2px solid #fff;margin-right:4px;float:left; cursor: pointer; } #ficha_criador #nav_fotos a.thumb_nav img {filter: alpha(opacity=60); opacity: .6;} #ficha_criador #nav_fotos a.thumb_nav:hover img {filter: alpha(opacity=100);opacity:1.0;} #ficha_criador #nav_fotos p {text-align:center;margin:0 auto;width:100%;margin-top:10px;overflow:hidden;clear:both;} #ficha_criador #nav_fotos p img {border:none;float:none;} #ficha_criador #nav_fotos a.next {float:right;} #ficha_criador #nav_fotos a.prev {float:left;} #ficha_criador #nav_fotos span {display:block;float:left;width:220px;text-align:center;font-size:1.1em;line-height:26px;} #ficha_criador #nav_fotos div.null {width:80px;height:80px;background:#efefef;border:2px solid #ffffff;margin-right:5px;float:left;} #ficha_criador .foto_album { position:relative; margin-bottom: 30px; } #ficha_criador .img_princ_foto { position: relative; max-width: 100%; max-height: 500px; margin: 10px auto; display: block; } #ficha_criador .prev_foto_criador { position: absolute; left: 3px; z-index: 2; top: 38% !important; opacity: 0.6; } #ficha_criador .next_foto_criador {position: absolute;right: 0; z-index: 2; top: 38% !important; opacity: 0.6; } #ficha_criador .prev_foto_criador:hover, .next_foto_criador:hover { opacity: 0.9; } #ficha_criador .box_foto_criador { display: block; } .media { margin-top: 15px;} .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; padding: 0 10px 10px 0; } .media-left, .media-right, .media-body p{ margin-bottom: 5px;} .media img { width: 75px; height: 75px; } #ficha_criador .modal-body { padding: 20px 0 0; } #ficha_criador .modal-footer { padding: 19px 0 20px; } #ficha_criador .smalltitle { border: none !Important; margin: 20px 0 15px;} #ficha_criador .col-md-4 { margin-top: 0; } .cachorros_disponibles_ficha { } .cachorros_disponibles_ficha li { width: 33%; float: left; } .img_cachorros_ficha { float: left; margin-right: 10px; width: 52.5%; } .cachorros_disponibles_ficha ul.padres_cachorro_ficha li { float: left; } .cachorros_disponibles_ficha ul.padres_cachorro_ficha li img { float: left; width: 74%; margin-bottom: 10%; } .como_entrega_cachorros li { font-size: 15px; margin-bottom: 6px; } .videos li { padding-left: 140px; padding-bottom: 55px; } .videos li .title_videos { font-weight: bold; } div.img_video { border: 1px solid #515151; height: 90px; overflow: hidden; width: 120px; float: left; margin-left: -140px; position: relative; } div.img_video span { background: rgba(204, 0, 51, 0.7); border: 1px solid white; bottom: 4% !important; color: white; display: block; font-size: 18px; height: 24px; padding-left: 2px; padding-top: 0px; position: absolute; right: 3%; text-align: center; top: auto; width: 29px;} div.img_video .glyphicon-play:before { font-size: 0.8em;} .videos li p{ margin-bottom: 5px; font-size: 15px; margin-right: 40px; float: left; } .videos li p.descripcion_video { margin-bottom: 8px;font-size: 14px; width: 100%; float: none; word-break: break-all; } .videos li .icon { float: left; font-size: 15px; margin-right: 4px; } .videos li ul.menu_video_users li { padding-bottom: 10px; padding-left: 0; margin-right: 40px; float: left; color: #888; } #listado_videos li { margin-bottom: 30px; } #listado_videos li ul li { margin-bottom: 0; min-height: 100px; } #listado_videos.videos li {width: 100%; display: table; margin-bottom: 0; padding-bottom: 15px; min-height: 120px; } #listado_videos.videos li ul li {width: auto; min-height: auto; } .ejemplares_ficha_cria { padding-right: 10px; } .ejemplares_ficha_cria p { margin-bottom: 0; -moz-hyphens:auto; -ms-hyphens:auto; -webkit-hyphens:auto; -o-hyphens:auto; hyphens:auto; } .ejemplares_ficha_cria p.grey { color: #888; } .otros_criadores_ficha li {display: inline-block;width: 33%; margin-bottom: 8px; padding: 0; line-height: 14px; } .img_otros_criadores_ficha { float: none; margin: 0 10px 5px 0; display: block; height: 215px; overflow: hidden; width: 215px; } .img_otros_criadores_ficha img { display: block; min-height: 100%; min-width: 100%;} .otros_criadores_ficha a:hover { text-decoration: none; } .otros_criadores_ficha span.icon-badge { font-size: 1.3em; margin-right: 5px; position: relative; top: 2px; } .header_contacto_criador { border-bottom: 1px solid #e5e5e5; } .header_profes_form { margin-bottom: 0 !Important;margin-bottom: 12px; padding-bottom: 15px; } #form_profess #ventanacontacto { border-top: 1px solid #e5e5e5; padding-top: 10px; } #form_profess #div-gpt-ad-1429184170441-0 { } .form_ficha_criador { margin-left: 45px; padding: 15px 15px 0; border:2px solid #ece9e9; background: white; box-shadow: 0 0 0 #FFF; } .box_shadow_form{ z-index: 999999 !Important; position: relative !Important; top: 12px !Important;left: -8px !Important;} .form_ficha_criador .sello_pedi_form { float: right; margin-left: 2px; } #ficha_criador2 .form_ficha_criador .sello_pedi_form img.img_recomend_cachorros { width: 80px !important; margin-top: 0; position: relative; } #ficha_criador2 .form_ficha_criador .smalltitle { width: auto; } #ficha_criador2 .form_ficha_criador .media { width: 100% !important; position: relative;} #ficha_criador #ficha_criador2 .info_criador_ficha .valoracion_media_contact img.img_recomend_cachorros, #ficha_profes #ficha_criador2 .info_criador_ficha .valoracion_media_contact img.img_recomend_cachorros { width: 90px !important; margin-top: 0; position: relative; } .interesado_box { padding: 10px;margin: 12px 0;border: 1px solid #bbb;color: #739B0D !important;font-size: 1.2em;font-weight: bold;background: #f9f9f9; display: none; } #ficha_criador .link_menu_mvl {display: none; } #ficha_criador #mygallery { display: inline; height: 86px; left: 0; margin-top: 4px; overflow: hidden; position: relative; width: 89%;; } #ficha_criador .icon-screen-desktop { float: left;font-size: 1.3em; margin-right: 8px;} #ficha_criador .icon-call-end, #ficha_criador .panel-body .icon-envelope, .sitablet .icon-envelope{ float: left;font-size: 1.3em; margin-right: 4px;} #ficha_criador .panel-group { margin-bottom: 0; clear: both; } #ficha_criador .img_recomend_cachorros { float: right; width: 100px; } #ficha_criador #searchresults_horiz li, #ficha_criador .searchresults_horiz li {width: 29.9%; margin-right: 3%; border: none; padding: 0; margin-bottom: 0; } #ficha_criador #searchresults_horiz li p, #ficha_criador .searchresults_horiz li p { margin-bottom: 0;} #ficha_criador #searchresults_horiz li img, #ficha_criador .searchresults_horiz li img { width: 100%; margin: 0 0 10px; } #ficha_criador .description_left_list { padding: 0; position: relative; } #ficha_criador .icon-call-out {padding-top: 0px !important; display: inline-table; font-size: 19px; margin-right: 20px;} #ficha_criador .icon-support {padding-top: 1px !important; display: inline-table; font-size: 19px; margin-right: 10px;} #icon_urgencias {padding-top: 1px !important; display: inline-table; color: white; margin-right: 10px;} .list_cachorros .icon-envelope {padding-top: 0px !important; display: none; font-size: 19px; margin-right: 20px;} #ficha_criador .info_mvl_cachorro_list { background-color: rgba(0, 0, 0, 0.7); bottom: 9px; color: white; display: block; left: 0; max-height: 79px; overflow: hidden; padding: 3% 5%; position: absolute; width: 100%; } #ficha_criador .info_mvl_cachorro_list a { color: white; } #ficha_criador .info_mvl_cachorro_list .icon-badge { color: white !important; } #ficha_criador .name_ejemplar { font-size: 14px; } #ficha_criador .price_cachorro { font-size: 14px; } #ficha_criador .price_cachorro .price { font-size: 16px; } #ficha_criador .price_cachorro .price span { font-size: 12px; font-weight: normal; } #ficha_criador .price_cachorro.green { color: #a0dc07 !important; font-weight: bold; } #ficha_criador .price_cachorro.orange { color: #ffc822 !important; font-weight: bold; } #ficha_criador .price_cachorro.red { color: #ff667c !important; font-weight: bold; } #ficha_criador .table_caract td { padding-bottom: 14px; vertical-align: top; } #ficha_criador .table_caract .title_table{ width: 100px; font-weight: bold; } #ficha_criador .table_caract .icon-trophy:before { float: left; font-size: 1.5em; margin-bottom: 10px; margin-right: 10px;} #ficha_criador .table_caract ul li { clear: both; } #ficha_criador .documentos_pedigree { margin-top: 14px; font-weight: bold; font-size: 18px; } #ficha_criador .documentos_pedigree .icon-doc:before { font-size: 1.8em; float: left; margin-right:8px; margin-top: -6px; } .price_ejemplar_form { background: #fbfafa; border: 1px solid #ece9e9; padding: 10px; margin-bottom: 15px; display: table; width: 100%;} .price_ejemplar_form p { margin-bottom: 0; } .ejemplar_venta_form { font-size: 18px; font-weight: bold; padding-bottom: 7px; } .estado_ejemplar { font-size: 22px; } .estado_ejemplar2 { font-size: 22px; text-align: center; } .estado_ejemplar .price { color: #414141; font-size: 30px; float: right; margin-top: -8px; font-weight: bold; margin-left: 15px; } .estado_ejemplar .price span { font-size: 19px; color: #666; } #cachorros_ficha_list { padding: 10px 0 0; width: 100%; } #cachorros_ficha_list li { border-bottom: 1px solid #ece9e9; display: inline-table; margin-bottom: 0; padding: 10px 15px 10px 10px; position: relative; width: 100%; z-index: 2;} #cachorros_ficha_list li:last-child { border-bottom: none; } #cachorros_ficha_list li img { display: block; float: left; margin-left: -175px; margin-right: 10px; width: 155px; } #cachorros_ficha_list li .description_left_list { display: table-cell; padding-left: 175px; vertical-align: middle; width: 70%;} #cachorros_ficha_list li .description_right_list_criadores { display: table-cell; float: right; text-align: center; vertical-align: middle; width: 195px; text-align: center;} #cachorros_ficha_list li .description_right_list_criadores .price_cachorro { font-size: 30px; font-weight: bold; margin-bottom: 0 !important;} #cachorros_ficha_list #searchresults_horiz li img { display: block; float: left; margin-left: -175px; margin-right: 10px; width: 155px;} #cachorros_ficha_list .description_right_list_criadores .btn_agregar_carrito a { line-height: 18px; margin: 0 auto; text-align: center; width: 158px; font-size: 16px; } #cachorros_ficha_list .info_mvl_cachorro_list a{ color: #05807d;} #cachorros_ficha_list .info_mvl_cachorro_list a:hover p{ text-decoration: underline; font-weight: bold; } #cachorros_ficha_list li ul.mosaic_cachorros { margin-top: 0; float: left;} #cachorros_ficha_list li ul.mosaic_cachorros li { border: none; padding:0; margin-right: 10px; width: 50px !important; float: left; } #cachorros_ficha_list li ul.mosaic_cachorros li img { display: block; float: left; margin: 0px;width: 100%; height: auto;} #cachorros_ficha_list li ul.mosaic_cachorros li.parent_names { width: 260px !important; } #cachorros_ficha_list li ul.mosaic_cachorros li .photo-more { background: #fbfafa; border: 1px solid #cac9bd; display: block; float: left; font-size: 35px;width: 100%; height: 50px; line-height: 20px; overflow: hidden; text-align: center; text-decoration: none;;} #cachorros_ficha_list li ul.mosaic_cachorros li .photo-more strong { line-height: 50px;} #cachorros_ficha_list .info_mvl_cachorro_list { background-color: white; margin-top: 10px; float: left;color: #414141; display: block; overflow: hidden; padding: 0; position:inherit; width: 65%;} #cachorros_ficha_list .info_mvl_cachorro_list p { margin-bottom: 3px; } #cachorros_ficha_list .info_mvl_cachorro_list p.size4 { font-size: 19px; } #cachorros_ficha_list .info_mvl_cachorro_list p.size2 { font-size: 17px; } #cachorros_ficha_list .info_mvl_cachorro_list p.orange { color: #d9a300 !important; } .title_listado_camadas { font-size: 20px; margin-top: 15px; display: inline-table; width: 100%; } .camadas_disponibles_ficha li { width: 47%; margin-right: 3%; float: left; } .listado_camadas_ficha { border-top: 1px solid #ece9e9; display: inline-block; width: 100%; margin-top: 5px; } .listado_camadas_ficha:last-of-type { border-bottom: none !important; margin-bottom: 5px; } .listado_camadas_ficha .btn_camada { } .listado_camadas_ficha .btn_agregar_carrito a { width: 180px; font-size: 18px !important; line-height: 22px; } .listado_camadas_ficha .searchresults_horiz { padding: 10px 0 0; width: 65%;} .listado_camadas_ficha .searchresults_horiz li { border: medium none; margin-bottom: 25px; margin-right: 3%; padding: 0; width: 46% !Important;} #ficha_criador .descipcion_criador_ficha p { margin: 15px 0 0; } #ficha_criador .descipcion_criador_ficha p.criador_de_ficha { font-size: 1.3em; margin-bottom: 10px; } #ficha_criador .descipcion_criador_ficha p.criador_de_ficha em { color: #999 !important; } #ficha_criador .galeria_criador_ficha { padding: 0px 30px 5px 0; } #ficha_criador .galeria_criador_ficha #nav_fotos { padding: 0; margin-top: 5px; } #ficha_criador .cantidad_animales_ficha { font-size: 1.2em; } #ficha_criador .entrega_cachorros_ficha .btn, #ficha_criador .entrega_cachorros_ficha2 .btn { float: right; font-size: 1.8em; padding: 5px 35px;} #ficha_criador .entrega_cachorros_ficha .como_entrega_cachorros li { font-size: 15px; margin-bottom: 6px; float: left; width: 40%;} .otros_criadores_foto li { display: inline-table; width: 16.4%; margin-bottom: 8px; padding: 0; line-height: 14px;} .otros_criadores_ficha li { width: 32.5%; padding-right: 2%; margin-bottom: 8px; line-height: 14px;} .otros_criadores_foto .bigtxt { font-size: 1.2em; padding: 5px 0 5px; display: block; line-height: 1.2em; } .otros_criadores_foto li .content{ width: 220px; } #ficha_criador .cachorros_disponibles_ficha li { width: 25%; } #ficha_criador2 .info_criador_ficha { margin-top: 20px; margin-bottom: 0; } #ficha_criador2 .info_criador_ficha .valoracion_media_contact { width: 95px; display: block; float: right; margin-bottom: 5px; font-size: 1.2em; margin-top: -10px;} #ficha_criador2 .info_criador_ficha .valoracion_media_contact .media_votaciones_num { padding-bottom: 10px; display: inline-block; } #ficha_criador2 .info_criador_ficha .valoracion_media_contact .estrellas { float: right; margin: 3px 0 0 0;} #ficha_criador2 .modal-body { padding: 20px 0 0;} #ficha_profes #ficha_criador2 .como_entrega_cachorros { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; margin-bottom: 25px; } #ficha_profes #ficha_criador2 .ad_first { float: right; } #ficha_profes #ficha_criador2 .ad_second { float: right; } #ficha_criador2 .box_nopago .media-body {width: 75%;} #ficha_criador2 .menu_criador2 { background:#FFF; line-height: 0px; border-right: 2px solid #ECE9E9 !Important; border-left: 2px solid #ECE9E9 !Important; border-bottom: 2px solid #ECE9E9 !Important; margin: -5px 0 18px;} #ficha_criador2 .tabs_5 { margin-top: 0 !important; } #ficha_criador2 .tabs_5 li { width: auto; line-height: 22px; margin-right: 10px; background: none; border: none; font-size: 16px;padding: 8px 20px 5px; color: #a5a5a5; } #ficha_criador2 .tabs_5 li a { padding: 0; } #ficha_criador2 .tabs_5 li.active { color: #414141; border-bottom: 2px solid #079995;position: relative; bottom: -2px;} #ficha_criador2 .tabs_5 li a:hover { color: #414141; } #ficha_criador2 .media-left, #ficha_criador2 .media-right,#ficha_criador2 .media-body p { margin-bottom: 0;} #ficha_criador2 .galeria_criador_ficha { padding: 10px; border: 1px solid #dfdcdc; margin-bottom: 20px; } #ficha_criador2 .box_criador_ficha_datos { float: right; display: table; width: 95%; border: 1px solid #dfdcdc; padding: 10px; } #ficha_criador2 .entrega_cachorros_ficha { clear: both; float: right; display: table; width: 95%; border: 1px solid #dfdcdc; padding: 10px; margin-top: 20px; } #ficha_criador2 .publi_razas_ficha {clear: both; float: right;} #ficha_criador2 .galeria_criador_ficha_none { padding: 10px; border: 1px solid #dfdcdc; background: #d5d5d5; margin-bottom: 20px;} #ficha_criador2 .panel-group { margin-bottom: 0;clear: none; width: 58.3%; float: left; } #ficha_criador2 .panel { border: 1px solid #dfdcdc !Important; margin-bottom: 20px; padding: 10px; border-radius: 0; } #ficha_criador2 .smalltitle { border: none !Important; margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.8em; line-height: 26px;} #ficha_criador2 .info_criador_ficha .media { width: 75%; float: left;} #ficha_criador2 .box_nopago { margin-bottom: 20px;border: 1px solid #dfdcdc; padding: 10px; clear: none; width: 58.3%; float: left;} #ficha_criador2 .entrega_cachorros_ficha .como_entrega_cachorros li { width: 100%; } #ficha_criador2 h4 { font-size: 19px; margin: 5px 0 10px; } #ficha_criador2 .panel-title { font-size: 19px !important; margin: 5px 0 15px !important; } #ficha_criador2 .link_seguir { font-family: arial; color: #05807d; text-decoration: none; text-align: center; float: none; margin: 14px auto; display: table; margin-bottom: 14px; padding-bottom: 3px; line-height: 20px; border: 2px solid #05807d; padding: 10px; font-size: 19px; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #ficha_criador2 .descipcion_criador_ficha p { margin: 0 0 10px;} #ficha_criador2 .descipcion_criador_ficha p.criador_de_ficha { font-size: 1.1em; margin-bottom: 10px; margin-top: 10px;} #ficha_criador2 .media-body {display: inline-table; vertical-align: top; padding: 0 10px 10px 0; width: 87%; padding-right: 0; } #ficha_criador2 .media-left { display: inline-block; position: relative; } #ficha_criador2 .info_criador_ficha .btn { margin-right: 0; display: block; clear: both; float: left !important; font-size: 1.3em; margin-top: 7px; padding: 5px 25px;} #ficha_criador2 .smalltitle { display: inherit; width: 100%;} #ficha_criador2 .img_recomend_cachorros {width: 90px;} #ficha_criador2 .info_criador_ficha .media-body p { margin-bottom: 5px; width: auto; float: left; font-size: 1em; margin-right: 20px;} #ficha_criador2 #purina_gallery .col-md-12 { margin: 0; padding: 0; } #ficha_criador2 #purina_gallery { margin: 0 auto 40px; width: 80%;} #ficha_criador2 .cachorros_disponibles_ficha { width: 100%; display: inline-block; } #ficha_criador2 .media { overflow: visible; } #ficha_criador2 .ribbon { position: absolute; left: 1px; top: 0px; z-index: 1;} #ficha_criador2 .ribbon .text{ font-size: 13px; } #ficha_criador2 .text_gallery { width: 100%; margin: 0 auto 35px; font-style: italic; font-size: 1.4em; } #ficha_criador2 .text_gallery .pie_foto_criador_comment { font-size: 14px;} #ficha_criador2 .galeria_ficha_box {display: inline-block; width: 100%; } #ficha_criador2 .galeria_ficha2 { height: 400px; vertical-align: middle; display: block; width: 100%;} #ficha_criador2 .otros_criadores_foto li { width: 32.5% } .iframe_criadores { width:100%; height: 50px; border-bottom: 2px solid #ECE9E9; padding-bottom: 10px; } .iframe_criadores #logo, .iframe_criadores #logo #logo_ma { width: 180px; float: left; height: 45px;} .iframe_criadores p.text_header {text-align: center; margin-top: 13px; color: #919191; } .iframe_criadores .btn-primary { margin-top: 6px; float: right; } .iframe_content { bottom: 3px; top: 50px; left: 0; right: 0; position: absolute; } #ficha_criador2 h2.wide { font-size: 30px; margin-top: 0; margin-bottom: 10px;} #ficha_criador2 .listado_camadas_ficha .link_seguir { display: none; } #ficha_criador2 .listado_camadas_ficha { border: 1px solid #ece9e9; padding: 0 15px; } #ficha_criador2 .listado_camadas_ficha { width: 49%; float: left; margin: 0 2% 2% 0; border: 1px solid #dfdcdc; background: #f9f9f9;} #ficha_criador2 .listado_camadas_ficha:nth-child(2n) { width: 49%; float: left; margin: 0 0 2% 0; } #ficha_criador2 .box_otros { margin-bottom: 20px; border: 1px solid #dfdcdc; padding: 10px; clear: none; width: 100%; float: left; margin-top: 20px;} #ficha_criador2 .box_premium { width: 100%; padding: 0; } #ficha_criador2 .box_premium #searchresults_horiz li { width: 22.4%; margin-right: 3%;} #ficha_criador2 .box_premium #searchresults_horiz li:nth-child(4n) { margin-right: 0; } #ficha_criador2 .box_premium .listado_camadas_ficha { width: 49%; float: left; margin: 0 2% 2% 0; background: #f9f9f9;} #ficha_criador2 .box_premium .listado_camadas_ficha:nth-child(2n) { margin-right: 0; } #searchresults_horiz.camadas_listado li .img_criador_listado {overflow:inherit; position: relative; } #searchresults_horiz.camadas_listado li .img_criador_listado .ribbon { left: -1px; top: 1px; } #ficha_criador2 #cachorros_ficha_list .info_mvl_cachorro_list {background: none; } #ficha_criador2 #cachorros_ficha_list li {width: 49%; float: left; margin: 0 2% 2% 0; border: 1px solid #dfdcdc; background: #f9f9f9;} #ficha_criador2 #cachorros_ficha_list li:nth-child(2n) { margin-right: 0; } #ficha_criador2 #cachorros_ficha_list li.parent_names { border: none; padding-left: 15px;} #ficha_criador #ficha_criador2 .descrip_ciador_cont { margin: 0 0 10px;} #ficha_criador2 .box_premium .foto_album { position: relative; width: 60%; margin-bottom: 30px; float: left;} #ficha_criador2 .box_premium .box_ejemplar { float:left; width: 40%; } #ficha_criador2 .img_otros_criadores_ficha { height: auto; overflow: hidden; display: flex; width: 90%; background: #eeeeee; display: -webkit-box; height: 205px;line-height: 205px;} #ficha_criador2 .img_otros_criadores_ficha img { margin: 0 auto; float: none; width: 100%; min-height: auto; max-height: 200px; display: inline-block; vertical-align: middle; } #ficha_criador2 .otros_criadores_ficha li { width: 24.5%; float: left; padding-right: 2%; position: relative; } #ficha_criador2 .otros_criadores_ficha li:nth-child(3n) { padding-right: 0; } #ficha_criador2 .otros_criadores_foto li { position: relative; float: left;} #ficha_criador2 .otros_criadores_foto li .img_otros_criadores_ficha { float: none; margin: 0 20px 5px 0;} #ficha_criador2 .otros_criadores_foto li .img_otros_criadores_ficha a { text-align: center; margin: 0 auto; display: block;} #ficha_criador2 .otros_criadores_ficha .photo-m a { text-align: center; margin: 0 auto; display: block;} #ficha_criador2 .otros_criadores_ficha .img_otros_criadores_ficha .photo-m { text-align: center; margin: 0 auto; display: block;} #ficha_criador2 .otros_criadores_ficha .content a { font-size: 1.2em; padding: 5px 0; display: inline-block; max-height: 19px; overflow: hidden;} #ficha_criador2 .box_premium .box_padres { margin-bottom: 20px; border: 1px solid #dfdcdc; padding: 10px; clear: none; width: 40%; float: right; margin-top: 20px;} #ficha_criador2 .box_premium .box_padres .searchresults_horiz li { width: 45.9%;} #ficha_criador2 .contact_info_datos { clear: both; } #ficha_criador2 .box_premium .searchresults_horiz li { width: 21.7%;} #ficha_criador2 .otros_criadores_foto .bigtxt {max-height: 49px; overflow: hidden;} #ficha_criador2 .otros_criadores_foto li { display: grid; float: none; } #ficha_criador2 .morecontent span { display: none;} #ficha_criador2 .morelink { display: block;} #ficha_criador2 .price_ejemplar_form { width: 40% } #ficha_criador2 .pedigree_otros { float: right; width: 60px; position: absolute; right: 20px; } #ficha_criador2 .otros_criadores_ficha li .content { padding-right: 60px; width: 90%; } #ficha_criador2 #cachorros_ficha_list li.parent_names { background: none; } #ficha_criador2 .publi_criadores_ficha { background: none;} #ficha_criador2 .publi_criadores_ficha .alert-danger { display: table; } #ficha_criador2 .box_publi { width: 100%; float: left; padding-right: 0; } #ficha_criador2 .box_publi_right { width: 25%; float: right;} #ficha_criador2 .box_publi .box_otros { width: 70%; float: left; } #ficha_criador2 .box_publi_right .publi_razas_ficha, #ficha_criador2 .box_publi_right .publi_criadores_ficha { background: none; margin: -10px 0 0;} #ficha_criador2 .box_publi .box_padres { display: table; width: 40%; } #ficha_criador .box_publi .box_padres li { width: 35%;} .popover-content .numero_telf { text-align: center; margin-right: 0 !important; float: none !important; padding-right: 0 !important; } .popover-content .numero_telf span { font-size: 1.4em; color: #49b9b3; padding-top: 4px; float: none; margin-right: 0;} .popover-content .numero_telf .icon-call-end { top: 1px; position: relative; right: -3px; float: none !important;} .popover-content .recuerda_telf {color: #888; padding-bottom: 4px; padding-right: 0 !important; text-align: center; margin-right: 0 !important; float: none !important; } .popover-content .recuerda_telf span {color: #49b9b3; } #ficha_criador2 .box_publi .foto_album { position: relative; margin-bottom: 10px; width: 60%; float: left;} #ficha_criador2 .box_publi .box_ejemplar { width: 40%; float: left; } #ficha_criador2 .box_publi .otros_criadores_publi { clear: both; display: list-item; list-style-type: square; list-style-image: url(/img/pixel.gif); } #content_filters_criadores_full.list_cachorros #searchresults_horiz li .description_left_list { padding-right: 0; display: inherit; } #ficha_criador #searchresults_horiz.listado_ejemplares { margin-bottom: 30px; } #ficha_criador #searchresults_horiz.listado_ejemplares li { margin-right: 3%; width: 22.4%; } #ficha_criador #searchresults_horiz.listado_ejemplares li:nth-child(4n) { margin-right: 0; } #ficha_criador2.ficha_camada .listado_camadas_ficha { width: 95%; float: right; margin: 0 auto; display: table; border: 1px solid #dfdcdc !important;} #ficha_criador2.ficha_camada .searchresults_horiz { padding: 10px 0 0; width: 80%;} .form_listado_criador .media { width: 100% !important; position: relative; overflow: visible;} .form_listado_criador .media-left { display: inline-block; position: relative;} .form_listado_criador .smalltitle { width: auto; display: inherit; border: none !Important; margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.8em; line-height: 26px;} .form_listado_criador .sello_pedi_form { float: right; margin-left: 2px;} .form_listado_criador .sello_pedi_form img.img_recomend_cachorros { width: 80px !important; margin-top: 0; position: relative;} .form_listado_criador .media-body { display: inline-table; vertical-align: top; padding: 0 10px 10px 0; width: 87%; padding-right: 0;} .form_listado_criador .ribbon { position: absolute; left: 1px; top: 0px; z-index: 1;} .info_criador_ficha .media img.img_recomend_cachorros { height: 80px; width: auto; } .title_comentario_criadores { font-size: 1.3em; color: #999; padding-bottom: 10px; margin-top: -5px; } @media (min-width: 1301px) { #ficha_criador2 #purina_gallery .carousel-control.right { right: -10%;} } @media (max-width: 1300px) and (min-width: 769px) { #ficha_criador2 #purina_gallery .carousel-control.right { right: -10%; } #ficha_criador2 #purina_gallery .carousel-control.left { left: -10%;} #ficha_criador2 #purina_gallery #thumbcarousel .carousel-control.right { right: -10%; } #ficha_criador2 #purina_gallery #thumbcarousel .carousel-control.left { left: -10%; } #ficha_criador2 .otros_criadores_foto li { display: grid; float: none; } #ficha_criador2.ficha_camada .searchresults_horiz { padding: 10px 0 0; width: 100%;} } @media (max-width: 1370px) { #ficha_criador2 .info_criador_ficha .media { width: 70%;} #ficha_criador2 .media-body { width: 85%; } #ficha_criador2 .publi_criadores_ficha {} } @media (max-width: 1600px) { #ficha_criador #ficha_criador2 .otros_criadores_foto li .img_otros_criadores_ficha { height: 150px; width: 200px;} #ficha_criador2 .otros_criadores_foto li {margin-bottom: 10px;} #ficha_profes #ficha_criador2 .profes_zona { width: 100%; } #ficha_profes #ficha_criador2 .profes_zona .media {width: 100%;} } @media (max-width: 1500px) { .form_listado_criador .media-body {width: 85%;} } @media (max-width: 1400px) { .iframe_criadores #logo, .iframe_criadores #logo #logo_ma { margin-top: 0; } } @media (max-width: 1300px) { #ficha_criador #ficha_criador2 .otros_criadores_foto li .img_otros_criadores_ficha { height: 150px; width: 190px;} #ficha_criador2 .otros_criadores_ficha li { width: 33%; } #ficha_criador2 .otros_criadores_ficha li:nth-child(3n) { padding-right: 0; } .form_listado_criador .media-body {width: 82%;} } @media (max-width: 1200px) { .iframe_criadores #logo, .iframe_criadores #logo #logo_ma { margin-top: 10px; height: 30px;} .iframe_criadores a#logo_content { float: left; } .iframe_criadores .btn-primary {float: right; } #ficha_criador2 .listado_camadas_ficha { width: 100%; float: left; margin: 0 2% 0 0;} #ficha_criador2 .listado_camadas_ficha:nth-child(2n) { width: 100%; } } @media (max-width: 1180px) { #ficha_criador2 .info_criador_ficha .media { width: 60%;} #ficha_criador2 .media-body { width: 81%;} #ficha_criador2 .box_premium #cachorros_ficha_list li { width: 100%; margin: 0 0 2% 0 } #ficha_criador2 .box_premium #cachorros_ficha_list li .mosaic_cachorros li{ margin-right: 15px; width: 50px; height: 50px; } #ficha_criador2 .box_premium #cachorros_ficha_list li .mosaic_cachorros li img { width: 50px; height: 50px; } #ficha_criador2 .box_premium .listado_camadas_ficha {width: 100%; margin: 0 0 2% 0 } } @media (max-width: 1200px) { #ficha_criador2 .otros_criadores_foto li { width: 49%;} #ficha_criador #ficha_criador2 .otros_criadores_foto li .img_otros_criadores_ficha { height: 150px; width: 270px;} #ficha_criador2 #cachorros_ficha_list li { width: 100%;margin: 0 0 2% 0;} } @media (max-width: 1100px) { #ficha_criador2 .otros_criadores_foto li { width: 49%;} #ficha_criador #ficha_criador2 .otros_criadores_foto li .img_otros_criadores_ficha { height: 150px; width: 250px;} } @media (max-width: 1150px) { #ficha_criador2 .price_ejemplar_form { width: 40%; padding: 12px 10px 10px;} #ficha_criador2 .price_ejemplar_form p { margin-bottom: 0; width: 100%; text-align: center;} #ficha_criador2 .descrip_ciador_cont .estado_ejemplar .price { float: none; width: 100%; display: block; text-align: center;} #ficha_criador2 .tabs_5 li { padding: 8px 17px 5px; } } @media (max-width: 1098px) { .iframe_criadores #logo, .iframe_criadores #logo #logo_ma { margin-top: 0 } } @media (max-width: 1171px) { #ficha_criador2 .box_publi { width: 100% !important; float: none; } #ficha_criador2 .box_publi .publi_razas_ficha { width: 100%; } #ficha_criador2 .box_publi_right { width: 100%; float: none; padding-right: 0; } #ficha_criador2 .box_publi_right .publi_razas_ficha { clear: both; float: left; width: 100%;} #ficha_criador2 .box_publi_right { width: 100%; float: right;} #ficha_criador2 .box_publi .box_otros { width: 100%; float: left; } #ficha_criador2 .box_publi .foto_album { position: relative; margin-bottom: 30px; width: 50%; float: left;} #ficha_criador2 .box_publi .box_ejemplar { display: inline-block; width: 50%; } #ficha_criador2 .box_publi .box_padres {width: 50%;} #ficha_criador2 .box_publi .box_padres { width: 40%; } #ficha_criador2 .box_publi .box_ejemplar { display: inline-block; width: 40%;} #ficha_criador #ficha_criador2 .box_desc_ejemplar { margin: 0 0 10px; padding-left: 20px; width: 50%; float: left;} #ficha_criador2 .box_publi .box_ejemplar { display: inline-block; width: 100%;} #ficha_criador2 .box_premium .foto_album { position: relative; width: 50%; margin-bottom: 30px; float: left;} #ficha_criador2 .box_premium .box_ejemplar { width: 100%;} #ficha_criador2 .box_premium .box_padres {width: 48%;} #ficha_criador2 .ficha_cachorro .price_ejemplar_form { width: 100%;} .ficha_cachorro.box_premium .col-md-7{ width: 50%; } #ficha_criador2 .ficha_cachorro.box_publi .col-md-7 { width: 50%; padding-right: 25px;; } } @media (max-width: 1024px) { #ficha_criador2 .galeria_criador_ficha_none img { max-width: 100% } #ficha_criador2 .info_criador_ficha .media { width: 83%;} #ficha_criador2 .info_criador_ficha { padding: 20px 0px 10px 20px} #ficha_criador2 .box_criador_ficha_datos {width: 100%; margin-bottom: 20px; } #ficha_criador2 .media { width: 60%;} #ficha_criador2 .media-body { width: 75%;} #ficha_criador2 .media img { width: 100px; height: 100px;} #ficha_criador2 .entrega_cachorros_ficha { width: 100%;} #ficha_criador #ficha_criador2 .otros_criadores_foto li .img_otros_criadores_ficha { width: 90%;} #ficha_criador2 .otros_criadores_ficha li .content {position: relative;} #ficha_criador2 .pedigree_otros { bottom: 0; float: right; position: absolute; right: 20px; width: 60px;} #ficha_criador #ficha_criador2 .box_desc_ejemplar { margin: 0 0 10px; padding-left: 20px; width: 50%; float: left;} #ficha_criador #searchresults_horiz.listado_ejemplares li { margin-right: 3%; width: 30.5%; } #ficha_criador #searchresults_horiz.listado_ejemplares li:nth-child(3n) { margin-right: 0; } #ficha_criador #searchresults_horiz.listado_ejemplares li:nth-child(4n) { margin-right: 3%; } #ficha_criador2 .otros_criadores_ficha li .content span.grey { height: 14px; overflow: hidden; display: block; } #ficha_criador2 .pedigree_otros {right: -10px; width: 50px;} .title_comentario_criadores { font-size: 1.2em; color: #999; padding-bottom: 0; margin-bottom: 10px; margin-top: -10px; } } @media (max-width: 1000px) { #ficha_criador2 .box_premium .box_padres { width: 100%; } #ficha_criador2 .ficha_cachorro .price_ejemplar_form { width: 100%; padding: 12px 10px 10px;} #ficha_criador2 .box_publi .col-md-7 { width: 100%; } #ficha_criador2 .box_premium .box_padres .searchresults_horiz li { width: 25.9%;} #ficha_criador2 .box_premium .box_desc_ejemplar { width: 50%; float: left; padding-left: 20px; } #ficha_criador2 .box_premium .box_padres { width: 48%;} #ficha_criador2 .box_premium .box_padres .searchresults_horiz li { width: 46%;} #ficha_criador2 .box_publi .box_ejemplar { display: inline-block; width: 100%;} } @media (max-width: 991px) { #ficha_criador2 .panel-group { width: 100%; border: none; } #ficha_criador2 .box_nopago { width: 100%; border: none; padding: 0;} #ficha_criador2 .col-xs-12 { padding: 0; } #ficha_criador2 .box_premium #searchresults_horiz li { width: 30.5%; margin-right: 3%;} #ficha_criador2 .box_premium #searchresults_horiz li:nth-child(4n) { margin-right: 3%; } #ficha_criador2 .box_premium #searchresults_horiz li:nth-child(3n) { margin-right: 0; } #ficha_criador2 .otros_criadores_foto li { width: 32.5%;} #ficha_criador2 .publi_criadores_ficha { background: none; } #ficha_criador2 .box_premium .searchresults_horiz li { width: 30%;} #ficha_criador2 .box_otros .title_ejemplares_ficha {width: 100%;} #ficha_criador2 .box_otros .otros_criadores_ficha { width: 100% } #ficha_criador2 .box_otros .otros_criadores_ficha li { width: 33%;} #ficha_criador2.ficha_camada .searchresults_horiz { padding: 10px 0 0; width: 60%;} #ficha_profes #ficha_criador2 .ad_first { float: none; margin: 20px auto; display: table; } #ficha_profes #ficha_criador2 .ad_second { float: none; display: none; } } @media (max-width: 920px) { #ficha_criador2 .box_publi .foto_album {width: 45%; padding-right: 5%;} #ficha_criador2 .box_publi .box_ejemplar { width: 100%; } #ficha_criador2 .box_publi .box_padres {width: 55%; float: right;} #ficha_criador2 .tabs_5 li { padding: 8px 15px 5px; } } @media (max-width: 850px) { #ficha_criador2 .box_premium .box_padres { width: 100%;} #ficha_criador2 .box_premium .box_desc_ejemplar { width: 100%; padding-left: 0;} #ficha_criador2 .box_premium .box_padres .searchresults_horiz li { width: 36%;} #ficha_criador #ficha_criador2 .box_premium .box_desc_ejemplar { margin: 0 0 10px; padding-left: 0; width: 100%;} .ficha_cachorro.box_premium .col-md-7{ width: 100%; } #ficha_criador2 .tabs_5 li { padding: 8px 9px 5px; } } @media (max-width: 768px) { #ficha_criador2 .galeria_criador_ficha_none { border: none; background: none; padding: 0 15px; } #ficha_criador2 .info_criador_ficha .btn { margin-right: 0; width: 200px; } #ficha_criador2 .info_criador_ficha { padding: 5px;} #ficha_criador2 .media-body { width: 75%; padding: 0;} #ficha_criador2 .media-body .contact_info_datos{ display: none;} #ficha_criador2 .info_criador_ficha .media { width: 100%;} #ficha_criador2 .box_criador_ficha_datos { border: none; } #ficha_criador #ficha_criador2 .tabs_5{ display: block !Important; } #ficha_criador .img_recomend_cachorros { display: block !Important;} #ficha_criador2 .tabs_5 { margin: 0 10px 5px; width: auto; } #ficha_criador2 .tabs_5 li { margin-right: 0; border: none; margin-top: 0; line-height: 18px; padding: 8px 0 7px; font-size: 13px !Important;} #ficha_criador2 .tabs_5 li a { padding: 0 6px 0;} #ficha_criador2 .tabs_5 li:first-child { border-right: none !Important; border-bottom: 2px solid #079995; } #ficha_criador2 .tabs_5 li:nth-child(2) { border: none !Important; } #ficha_criador2 .menu_criador2 { display: inline-block; width: 100%; border-left: none !Important; border-right: none !Important; } #ficha_criador2 .tabs_5 li.active {padding: 8px 6px 2px; } #ficha_criador2 .img_recomend_cachorros { width: 40% !Important;} #ficha_criador2 .media { width: 100% !important;} #ficha_criador2 .img_recomend_cachorros { width: 95px !Important; position: absolute; top: 5px; right: -8px;} #ficha_criador2 .info_criador_ficha { position: relative; } #ficha_criador2 .smalltitle { margin: 0px 0 1px !Important;} #ficha_criador2 #purina_gallery { margin: 0 auto; } #ficha_criador2 .text_gallery {width: 100%; margin: 0 auto 10px;} #ficha_criador2 .descipcion_criador_ficha { padding: 0;} #ficha_criador2 .como_entrega_cachorros { margin: 0 !Important;} #ficha_criador2 .entrega_cachorros_ficha { width: 100%; border: none; padding: 0; margin-top: 0px;} #ficha_criador2 .entrega_cachorros_ficha .como_entrega_cachorros { margin-bottom: 0;} #ficha_criador2 .ficha_cachorro .entrega_cachorros_ficha {padding: 0 15px; } #ficha_criador2 .descipcion_criador_ficha { padding: 0 5px !Important;} #ficha_criador2 .menu_criador2 { margin: 2px 0px; border-top: 2px solid #ECE9E9 !Important; display: none; } #ficha_criador2 .info_criador_ficha .media-body p { padding: 0 40px 0 0;} #ficha_criador2 .info_criador_ficha .btn { width: auto; margin-top: 5px; } #ficha_criador2 .info_criador_ficha { margin-bottom: 10px; min-height: 245px;} #ficha_criador #ficha_criador2 .title_otros_criadores_ficha { width: 95%; margin: 14px 15px 20px; padding-bottom: 6px; font-size: 20px;} #ficha_criador2 .info_criador_ficha .btn { width: initial !important;} #ficha_criador #ficha_criador2 .publi_razas_ficha { margin: 20px auto; text-align: center;width: 100%; float: none; clear: both; display: inline-block;} #ficha_criador #ficha_criador2 .info_criador_ficha .btn { width: 180px !important; margin: 10px auto 14px; float: none !important; font-size: 1.4em; clear: both; display: block;} #ficha_criador2 .info_criador_ficha .media-body p:last-of-type { margin-bottom: 12px; } #ficha_criador2 .galeria_ficha2 { height: 350px; } #ficha_criador2 h2.wide { font-size: 25px;} #ficha_criador #ficha_criador2 .descrip_ciador_cont { margin: 0 0 5px;} #ficha_criador2 .listado_camadas_ficha { border: none; border-bottom: 1px solid #ece9e9;} #ficha_criador2 .listado_camadas_ficha:last-child { margin-bottom: 50px; } #ficha_criador2 .listado_camadas_ficha .title_listado_camadas {font-size: 1.3em; margin-top: 0; } #ficha_criador2 .box_otros { border: none; } #ficha_criador2 .otros_criadores_foto li .content { width: 90%; padding-right: 50px;} #ficha_criador2 .otros_criadores_foto li { width: 32.5%;} #ficha_criador #ficha_criador2 .otros_criadores_foto li .img_otros_criadores_ficha { width: 90%;} #ficha_criador2 .price_ejemplar_form { width: 90%; } #ficha_criador2 #cachorros_ficha_list .info_mvl_cachorro_list { background-color: rgba(0, 0, 0, 0.7);} #ficha_criador2 #cachorros_ficha_list { padding: 10px 0 0;} #ficha_criador2 #cachorros_ficha_list li { margin-left: 2%; width: 47% !important;} #ficha_criador2 #cachorros_ficha_list li:nth-child(2n) { margin-left: 2%;} #ficha_criador2 .ficha_cachorro .como_entrega_cachorros {padding: 0 15px;} #ficha_criador2 .ficha_cachorro .descipcion_criador_ficha { padding: 0 15px !Important; } #ficha_criador2 .ficha_cachorro .name_cachorro { padding: 0 15px !Important; font-size: 1.2em; } #ficha_criador2 .ficha_cachorro .box_padres { width: 92%; margin:15px 15px 20px; padding: 0; float: left;} #ficha_criador2 .ficha_cachorro .box_otros { margin-bottom: 20px; padding: 0; margin-top: 0;} #ficha_criador2 .price_ejemplar_form { padding: 10px; } #ficha_criador2 .ficha_cachorro .galeria_ficha_box { margin-bottom: 20px;} #ficha_criador2 .ficha_cachorro .price_ejemplar_form { width: 90%;} #ficha_criador2 .otros_criadores_ficha li { width: 32.5%;} #ficha_criador2 .box_publi .foto_album { width: 100%; padding-right: 0;} #ficha_criador2 .box_publi .box_ejemplar { width: 100%;} #ficha_criador2 .ficha_cachorro .box_padres { width: 100%; margin: 15px 0 20px; padding: 0;} #ficha_criador2 .ficha_princ_criador { padding: 0 15px; } #ficha_criador2 .box_premium .box_padres .searchresults_horiz li { width: 45%;} #ficha_criador2 .ficha_cachorro .box_padres { border: none;} .list_cachorros #searchresults_horiz li .img_criador_listado {display: block; height: 100%; width: 100%; float: left; margin-left: 0; margin-right: 0;} .list_cachorros #searchresults_horiz li .img_criador_listado .ribbon {left: 0px; top: 1px;} .list_cachorros #searchresults_horiz .description_right_list_criadores img { display: none !important; } #content_filters_criadores_full #searchresults_horiz li.nostrip { padding-bottom: 9px;} #content_filters_criadores_full #searchresults_horiz li.destacado { padding-bottom: 0;} #ficha_criador #ficha_criador2 .box_desc_ejemplar {width: 100%; padding-left: 0;} #ficha_criador2 .box_premium .img_princ_foto {padding: 0 15px;} #ficha_criador #searchresults_horiz.listado_ejemplares { padding: 10px 0 0; width: 95%; } #ficha_criador2 .ficha_cachorro.box_publi .col-md-7 { width: 100%; padding-right: 0; } #ficha_criador2.ficha_camada .searchresults_horiz { padding: 10px 0 0; width: 100%;} #ficha_criador2 .listado_camadas_ficha:last-child { margin-bottom: 30px; padding-top: 10px; margin-top: 15px; margin: 0 auto; float: none; width: 95%;} #ficha_criador2.ficha_camada #purina_gallery { margin: 0 auto 30px;} #ficha_criador2.ficha_camada .listado_camadas_ficha { margin-bottom: 20px; } } @media (max-width: 600px) { #ficha_criador2 .box_premium #searchresults_horiz li { width: 45%; margin-right: 3%;} #ficha_criador2 .box_premium #searchresults_horiz li:nth-child(4n) { margin-right: 0; } #ficha_criador2 .box_premium #searchresults_horiz li:nth-child(3n) { margin-right: 3%; } #ficha_criador2 .box_premium #searchresults_horiz li:nth-child(2n) { margin-right: 0; } #ficha_criador2 .otros_criadores_foto li { width: 49%;} #ficha_criador2 #cachorros_ficha_list li {margin-left: 0; width: 100% !important;} #ficha_criador2 #cachorros_ficha_list li img { display: block; float: none; margin: 0 auto 49px; width: 50%;} #ficha_criador2 .box_premium .searchresults_horiz li { width: 45%;} #ficha_criador2 .box_otros .otros_criadores_ficha li { width: 50%;} .form_listado_criador .media-body {width: 80%;} .title_comentario_criadores { font-size: 1.1em; } } @media (max-width: 550px) { #ficha_criador2 .media-body { width: 60%; padding: 0;} #ficha_criador2 .galeria_ficha2 { height: 300px; } #ficha_criador2 .price_ejemplar_form { padding: 0; } #ficha_criador2 .ficha_cachorro .price_ejemplar_form p { margin-bottom: 0; text-align: center; } #ficha_criador2 .ficha_cachorro .descrip_ciador_cont .estado_ejemplar .price { display: block; float: none !Important; margin: 0 auto; text-align: center;} #ficha_criador2 .ficha_cachorro .price_ejemplar_form { width: 90%;} #ficha_criador2 .otros_criadores_ficha { margin: 0 0 0 15px !important; } #ficha_criador2 .otros_criadores_ficha li { width: 49%; } #ficha_criador2 .otros_criadores_ficha li:nth-child(2n) { padding-right: 0; } #ficha_criador2 .box_publi .box_otros .otros_criadores_ficha li { width: 49%;} #ficha_criador2 .otros_criadores_ficha .content span.grey {display: inline-block; max-height: 14px; overflow: hidden;} #ficha_criador2 .box_publi .box_padres li { width: 46%;} #ficha_criador2 .box_otros .title_ejemplares_ficha { width: 93%;} #ficha_criador2 #searchresults_horiz.listado_ejemplares li { margin-right: 3%; width: 48%; } #ficha_criador2 #searchresults_horiz.listado_ejemplares li:nth-child(3n) { margin-right: 3%; } #ficha_criador2 #searchresults_horiz.listado_ejemplares li:nth-child(4n) { margin-right: 0; } #ficha_criador2 #searchresults_horiz.listado_ejemplares li:nth-child(2n) { margin-right: 0; } #ficha_criador #searchresults_horiz.listado_ejemplares { padding: 10px 0 0; width: 93%; } #ficha_criador2.ficha_camada #purina_gallery { width: 95%;} .form_listado_criador .media-body {width: 75%;} } @media (max-width: 450px) { #ficha_criador2 .galeria_ficha2 { height: 250px; } #ficha_criador2 .otros_criadores_foto li { width: 100%;} #ficha_criador #ficha_criador2 .otros_criadores_foto li .img_otros_criadores_ficha { width: 100%;} #ficha_criador2 .pedigree_otros { right: -10px; } #ficha_criador2 #cachorros_ficha_list li img { margin: 0 auto 0px; width: 100%;} #ficha_criador2 .img_otros_criadores_ficha {width: 100%;} #ficha_criador2 .box_publi .foto_album { width: 100%;} #ficha_criador2 .box_publi .foto_album img { padding: 0 15px; } #ficha_criador2 .box_publi .foto_album {margin-bottom: 10px;} #ficha_criador2 .box_publi .box_otros .title_ejemplares_ficha { width: 90%;} #ficha_criador2 .box_publi .box_otros .otros_criadores_ficha { width: 90%;} #ficha_criador2 .box_publi .box_otros .otros_criadores_ficha li { width: 100%;} #ficha_criador2 .box_otros .otros_criadores_ficha li { width: 100%;} #ficha_criador2 #searchresults_horiz.listado_ejemplares li { margin-right: 0; width: 100%; } #ficha_criador2 #searchresults_horiz.listado_ejemplares li:nth-child(3n) { margin-right: 0; } #ficha_criador2 h2.wide { font-size: 21px;} .form_listado_criador .media-body {width: 70%;} } @media (max-width: 400px) { .form_listado_criador .media-body {width: 60%;} } @media (max-width: 345px) { #ficha_criador .info_criador_ficha .publi_criadores_ficha { margin-left: -15px; } #ficha_criador2 .box_publi .box_padres li { width: 90%;} #ficha_criador2.ficha_camada .listado_camadas_ficha .searchresults_horiz li { margin-bottom: 0; width: 100% !important;} #ficha_criador2 h2.wide { font-size: 19px;} } @media (max-width: 330px) { #ficha_criador .info_criador_ficha .publi_criadores_ficha { margin-left: -17px; } } @media (max-width: 400px) { #ficha_criador2 .box_premium #searchresults_horiz li { width: 100%; margin-right: 0;} #ficha_criador2 .box_premium #searchresults_horiz li:nth-child(4n) { margin-right: 0; } #ficha_criador2 .box_premium #searchresults_horiz li:nth-child(3n) { margin-right: 0; } #ficha_criador2 .box_premium #searchresults_horiz li:nth-child(2n) { margin-right: 0; } .iframe_criadores #logo, .iframe_criadores #logo #logo_ma { width: 140px; height: 30px;} .iframe_criadores .btn-primary { float: right; } .iframe_criadores .btn-primary span { display: none; } #ficha_criador2 .box_premium .searchresults_horiz li { width: 93%;} #ficha_criador2 .otros_criadores_ficha li { width: 100%; padding-right: 0;} #ficha_criador2 .form_ficha_criador .sello_pedi_form img.img_recomend_cachorros { width: 60px !important;} #ficha_criador2 .form_ficha_criador .media img { width: 70px; height: 70px;} } @media (max-width: 380px) { #ficha_criador2 .media-body { width: 100% !Important; padding: 0;} #ficha_criador2 .info_criador_ficha .media-body p { padding: 0 0 0 0;} #ficha_criador2 .galeria_ficha2 { height: 200px; } #ficha_criador2 .form_ficha_criador .media-left{ display: none;} } @media (max-width: 1600px) and (min-width: 769px) { .otros_criadores_foto li { width: 14%;} #ficha_criador .otros_criadores_foto li .content{ width: 90%; } #ficha_criador .otros_criadores_foto li .img_otros_criadores_ficha { height: 150px; width: 150px;} } @media (min-width: 769px) { #ficha_criador #accordion .collapse { display: block; } #ficha_criador #accordion .panel-default > .panel-heading { background-color: #FFF; border: none; } #ficha_criador #accordion .panel { border: none; box-shadow: none; } #ficha_criador #accordion .panel-title { cursor: default; border-bottom: 2px solid #ece9e9; color: #414141; display: inline-block; font-family: "Oswald",sans-serif; font-size: 25px; font-weight: normal; line-height: 30px; margin: 20px 0 15px; padding-bottom: 10px; text-transform: uppercase; width: 100%; } #ficha_criador #accordion .panel-body { padding: 2px; } } @media (min-width: 1150px) and (max-width: 1300px) { #ficha_criador #mygallery {width: 85%; } } @media (min-width: 769px) and (max-width: 850px) { #ficha_criador #mygallery {width: 86%; } } @media (min-width: 1300px) { #ficha_criador2 .otros_criadores_ficha li { width: 32.5%;} } @media (min-width: 1151px) { .footer_ficha_criadores {display: none; } .info_criador_ficha { border: 2px solid #ECE9E9; display: inline-block; width: 100%; background: #eeeeee; margin-bottom: 20px; padding: 20px 20px 10px;} .info_criador_ficha .media { } .info_criador_ficha .media img { width: 100px; height: 100px;} .info_criador_ficha .btn { float: right; font-size: 1.8em; padding: 5px 35px; } #ficha_criador2 .form_ficha_criador { max-width: 800px; margin: 10px auto; } #ficha_criador2 .header_contacto_criador .close, #ficha_criador2 .header_profes_form .close { display: block !Important;} .info_criador_ficha .media-body p { margin-bottom: 5px; width: 50%; float: left; font-size: 1.2em;} #header_contacto_criador p { margin: 0; } .header_profes_form p { margin: 0 0 10px; } #ficha_criador #myModal.modal {display: block; outline: none; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 10;} #ficha_criador .modal.fade .modal-dialog { -webkit-transition: none; -moz-transition:none;-o-transition: none;transition:none;-webkit-transform: none; -ms-transform: none;transform: none;} #ficha_criador #myModal.fade { opacity: 1; transition: opacity 0.15s linear 0s;} #ficha_criador .modal-dialog { margin: 0; position: relative; width: auto; min-width: 100%; max-width: 100%; } #ficha_criador .form_ficha_criador {max-width: none; width: 90%; float: right;} #ficha_criador .sitablet { display: none;} #ficha_criador #ficha_criador2 .form_ficha_criador { max-width: 800px; margin: 10px auto; float: none; } #ficha_criador #ficha_criador2 #myModal.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 105505; display: none; overflow: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; outline: 0; } #ficha_criador #ficha_criador2 .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%);} #ficha_criador #ficha_criador2 .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);} } @media (max-width: 1150px) { .sitablet { display: none; } .notablet { display: block; } } @media (max-width: 1150px) { .info_criador_ficha { border: 2px solid #ECE9E9; display: inline-block; width: 100%; background: #eeeeee; margin-bottom: 20px; padding: 20px 20px 10px;} } @media (min-width: 769px) and (max-width: 1150px) { #ficha_criador .info_criador_ficha .btn { float: right; font-size: 1.6em;} #ficha_criador #myModal { display: none; } .header_contacto_criador .close { display: block !important; float: right; width: 40px; } .header_profes_form.close { display: block !important; float: right; width: 40px; } .sitablet { display: block; } .sitablet .size2 p{ font-size: 1.2em; } .notablet { display: none; } .descrip_ciador_cont .price_ejemplar_form { width: auto; padding: 0 10px; background: none repeat scroll 0 0 #fbfafa; border: 1px solid #ece9e9; display: table !important; margin: 0 auto 15px; } .descrip_ciador_cont .estado_ejemplar .price { float: none; } .descrip_ciador_cont .estado_ejemplar .price span{ font-size: 22px; color:#666; } #ficha_criador .title_otros_criadores_ficha2 { font-size: 28px; line-height: 21px; margin: 14px 0 20px; padding-bottom: 6px; width: 100%; } #ficha_criador .title_otros_criadores_ficha { color: #888; font-size: 24px; line-height: 21px; margin: 14px 0 20px; padding-bottom: 6px; width: 100%;} } @media (max-width: 1000px) { #ficha_criador2 .box_premium .foto_album { width: 50%; } #ficha_criador2 .box_premium .box_ejemplar { width: 100%; } } @media (max-width: 850px) { #ficha_criador2 .box_premium .foto_album { width: 100%; } #ficha_criador2 .box_premium .box_ejemplar { width: 100%; } } @media (max-width: 1150px) { .descrip_ciador_cont .media { margin-top: 0; float: left; margin-right: 40px; margin-bottom: 20px; } #ficha_criador #nav_fotos { clear: both; } } @media (max-width: 1150px) { #ficha_criador2 .box_premium .box_ejemplar { } } @media (max-width: 700px) { .descrip_ciador_cont .media { margin-top: 0; float: none; margin-right: 0; margin-bottom: 10px; } #ficha_criador #nav_fotos { clear: both; } } @media (max-width: 768px) { .otros_criadores_foto li { width: 45%;} #ficha_criador .info_criador_ficha { padding: 10px; } #ficha_criador .info_criador_ficha .btn { width: 100%; margin: 0 0 14px; font-size: 1.4em;} #ficha_criador .galeria_criador_ficha { padding: 0px 0 5px 0;} #ficha_criador .descipcion_criador_ficha { padding: 0 15px 20px; } #ficha_criador .entrega_cachorros_ficha .como_entrega_cachorros {margin-bottom: 20px; } #ficha_criador .entrega_cachorros_ficha .como_entrega_cachorros li { font-size: 15px; margin-bottom: 6px; float: none; width: 100%;} #ficha_criador .entrega_cachorros_ficha .btn { display: none; } #ficha_criador .descipcion_criador_ficha p.criador_de_ficha { margin-top: 0;} #ficha_criador .otros_criadores_foto { padding: 0 15px; } #ficha_criador .entrega_cachorros_ficha2 .btn { width: 100%; margin: 25px 0 0; font-size: 1.4em; } #ficha_criador .nodesk { display: block; } #ficha_criador .smalltitle { border: none !Important; margin: 15px 10px 8px; font-size: 21px !important; line-height: 24px !important;} .form_ficha_criador { margin-left: 0; padding: 15px 15px 0; border:2px solid #ece9e9; } #ficha_criador .tabs_5, #ficha_criador .barra_menu { display: none !important; } #ficha_criador .link_menu_mvl {display: block; } #ficha_criador_content footer { display: none; } #ficha_criador #accordion .panel { border-bottom: 2px solid #ece9e9; border-top: none; border-right: 0; border-left: 0; box-shadow: none; border-radius: 0; } #ficha_criador #accordion .panel:first-child { border-top: 2px solid #ece9e9; } #ficha_criador #accordion .panel-title { text-transform: none; border: none; padding: 8px 10px 10px; color: #05807d; } #ficha_criador .panel-body {padding: 5px 15px; } #ficha_criador .panel-title > a { display: block; font-family: arial; font-weight: bold; } #ficha_criador .panel-title > a:hover, #ficha_criador .panel-title > a:active, #ficha_criador .panel-title > a:focus { text-decoration: none; } #ficha_criador .panel-title .icon { float: right; font-size: 21px; margin-left: 5px; } .footer_ficha_criadores { display: block; width: 100%; position: fixed; bottom: 0; z-index: 1048; text-align: center; padding: 5px 0 3px; background-color: #eee;} .footer_ficha_criadores ul li { display: inline-block; width: 48%; } .footer_ficha_criadores ul li a { display: block; font-size: 16px; color: white; background-color: #079995; border-radius: 3px; padding: 5px;} .footer_ficha_criadores span { font-size: 14px; } .footer_ficha_criadores img { width: 20px; margin-right: 0; } #ficha_criador #myModal { display: none; } #ficha_criador #mygallery {width: 69%; } #ficha_criador .borderbox { display: none; } #ficha_criador .prev_foto_criador, #ficha_criador .next_foto_criador { top: 28% !important; } .header_contacto_criador, .header_profes_form { padding-bottom: 8px;} .header_contacto_criador p, .header_profes_form p { font-size: 12px; line-height: 14px; margin-bottom: 3px; } #ficha_criador .cabecera { margin: 20px 10px 0;} #ficha_criador .descrip_ciador_cont { margin: 0 10px 25px; } #ficha_criador .panel-group { margin-bottom: 0; } #ficha_criador .otros_criadores_ficha { margin: 0 15px; } .img_otros_criadores_ficha { float: left; margin: 0 10px 5px 0; display: block; width: 60px; height: 60px; overflow: hidden; } #ficha_criador .title_otros_criadores_ficha2 { width: 90%; margin: 14px 15px 20px; padding-bottom: 6px; font-size: 19px; line-height: 21px; } #ficha_criador .title_otros_criadores_ficha { width: 90%; margin: 14px 15px 20px; padding-bottom: 6px; font-size: 16px; line-height: 21px; } #ficha_criador_content .buscar_mvl_box {width: 100%; } #ficha_criador .img_recomend_cachorros { display: none; } #ficha_criador #searchresults_horiz {margin: 0 15px; } #ficha_criador #searchresults_horiz li { width: 45%; } #ficha_criador .searchresults_horiz { margin-left: 15px; width: 95%; } #ficha_criador .table_caract { margin: 0 15px; } #ficha_criador .title_ejemplares_ficha { font-size: 17px; line-height: 21px; margin: 14px 15px 20px; padding-bottom: 6px; width: 90%; } #ficha_criador .documentos_pedigree {margin: 20px 15px 10px;; } #ficha_criador #accordion .panel ul.como_entrega_cachorros { margin: 0 !Important; } #ficha_criador .publi_razas_ficha {margin:10px auto; text-align: center; width: 100%; float: none; } .menu_mvl_ficha_criador { margin-bottom: 35px; clear: both; } .menu_mvl_ficha_criador li { border-bottom: 2px solid #ece9e9; box-shadow: none; } .menu_mvl_ficha_criador li.active { display: none; } .menu_mvl_ficha_criador li a { font-weight: bold; border:none; padding: 8px 10px 10px; text-transform: none; font-size: 16px; margin-bottom: 0; margin-top: 0; display: block;} .menu_mvl_ficha_criador li a .icon { font-size: 21px; margin-left: 5px; top: 4px;position: relative;} #cachorros_ficha_list .info_mvl_cachorro_list { background-color: rgba(0, 0, 0, 0.7); bottom: 9px; color: white; display: block; left: 0; max-height: 79px; overflow: hidden; padding: 3% 5%; position: absolute; width: 100%;} #cachorros_ficha_list li { font-size: 12px; margin-left: 2%; width: 47% !important;} #cachorros_ficha_list li .description_right_list_criadores .price_cachorro { display: none; } #cachorros_ficha_list li ul.mosaic_cachorros {display: none; } #cachorros_ficha_list li .description_right_list_criadores { display: none; } #cachorros_ficha_list li .description_left_list { display: table-cell; padding-left: 0; vertical-align: middle; width: 100%;} #cachorros_ficha_list li img { display: block; float: left; margin-left: 0; margin-right: 10px; width: 100%;} #cachorros_ficha_list .info_mvl_cachorro_list { bottom: 0; } #cachorros_ficha_list .info_mvl_cachorro_list p.size4 { display: none; } #cachorros_ficha_list .info_mvl_cachorro_list p {margin: 0; } #cachorros_ficha_list .info_mvl_cachorro_list a { color: white; } #cachorros_ficha_list .info_mvl_cachorro_list p.size2 { font-size: 14px;} #cachorros_ficha_list .parrafo_criador_mvl { margin-top: 10px; margin-bottom: 2px; } #cachorros_ficha_list .icon-envelope { display: inline-table; font-size: 19px; margin-right: 20px; } #ficha_criador .como_entrega_cachorros { margin: 0 15px; } .listado_camadas_ficha { margin: 0 10px; } .listado_camadas_ficha { width: 93%; padding-bottom: 10px; margin-bottom: 15px;} .title_listado_camadas { font-size: 17px; margin-bottom: 15px; } .listado_camadas_ficha .ejemplares_ficha_cria { display: none; } .camadas_disponibles_ficha .img_cachorros_ficha { width: 92.5%; margin-bottom: 3px; } .listado_camadas_ficha .parrafo_criador_mvl { display: inline-table; padding-top: 10px; width: 98%;} .listado_camadas_ficha .icon-call-out, .listado_camadas_ficha .icon-envelope { display: inline-table; font-size: 19px; margin-right: 20px; padding-top: 0 !important;} #ficha_criador .videos { display: none !important;} #ficha_criador #listado_videos { display: block !important; margin-top: 10px;} #ficha_criador .videos li { clear: none; float: left; width: 46%;} #ficha_criador #listado_videos li { padding-left: 0; margin: 0 2%;} #ficha_criador #listado_videos li { padding-bottom: 18px; } #ficha_criador #listado_videos div.img_video { border: 1px solid #515151; float: none; height: auto; margin: 0 auto !important; overflow: hidden; position: relative; width: 100%;} #ficha_criador #listado_videos .img_video img {width: 100%; } #ficha_criador #listado_videos div.img_video span { bottom: 13px; position: absolute; right: 18px;} #ficha_criador #listado_videos .title_videos { margin: 10px 0 5px; display: block; } #ficha_criador #listado_videos .descripcion_video { display: none; } .videos li ul.menu_video_users li { padding-bottom: 10px; padding-left: 0; margin-left: 0 !important; margin-right: 35px !important; float: left; width: auto !important; } #ficha_criador .col-md-8 { margin: 0 auto; padding: 0; width: 97%; clear: both; } #listado_videos .title_videos { margin-bottom: 8px; overflow: hidden; display: block; } #listado_videos li ul.menu_video_users li { margin-bottom: 0px !important; padding-bottom: 10px !important; margin-right: 25px !important; } .listado_camadas_ficha .btn_camada {display: none; } .listado_camadas_ficha .btn_agregar_carrito a {display: none; } #ficha_criador .listado_camadas_ficha .searchresults_horiz { padding: 10px 0 0; margin-left: 0; width: 100%;} #ficha_criador .listado_camadas_ficha .searchresults_horiz li { margin-bottom: 0; width: 47% !important; } #ficha_criador .listado_camadas_ficha .title_listado_camadas { margin-bottom: 0; } .listado_camadas_ficha .parrafo_criador_mvl { padding-top: 0; } .listado_camadas_ficha { width: 100%; } .descrip_ciador_cont .price_ejemplar_form {width: auto; padding: 0 10px; background: none repeat scroll 0 0 #fbfafa; border: 1px solid #ece9e9; display: table !important; margin: 0 auto 15px; } .descrip_ciador_cont .estado_ejemplar .price { float: none; display: table-cell; } } @media (max-width: 769px) { #ficha_criador .searchresults_horiz li { width: 45%; margin-right: 2%; } .listado_camadas_ficha { width: 98%; } .listado_camadas_ficha { margin-bottom: 0; padding-bottom: 0;} } @media (max-width: 650px) { #listado_videos li ul.menu_video_users li { margin-bottom: 0px !important; padding-bottom: 10px !important; margin-right: 15px !important; } } @media (max-width: 400px) { #ficha_criador #searchresults_horiz {margin: 0 15px; width: 91%; } #ficha_criador #searchresults_horiz li { width: 100%; margin-right: 0; } #cachorros_ficha_list li { margin: 0 0 10px; width: 100% !important;} #ficha_criador .videos li { clear: both; width: 95%; } .videos li ul.menu_video_users li { clear: none !important; padding-bottom: 10px; padding-left: 0; margin-left: 0 !important; margin-right: 35px !important; float: left; width: auto !important; } #ficha_criador .col-md-8 { margin: 0; padding: 0; width: 100%;} #listado_videos .title_videos { height: auto; overflow: hidden; display: block; margin-bottom: 0; } #ficha_criador .searchresults_horiz li { width: 90%; } .listado_camadas_ficha { width: 93%; } #formmensaje #contactook, #formmensaje #contactofail {height: 70px;font-size: 16px;} .descrip_ciador_cont .price_ejemplar_form {width: 100%; } .descrip_ciador_cont .estado_ejemplar .price { display: table-cell; } } @media (min-width: 769px) { #ficha_criador .header_contacto_criador .close, #ficha_criador .header_profes_form .close { display: none; } } .multicontact_content #ok { padding: 0; line-height: 22px; margin-left: 20px; display: table; } .multicontact_content #ok img { float: left; margin-right:15px; margin-left: 5px; } .multicontact_content #ok p { color: #77a010; display: table-cell; font-size: 1.6em; font-weight: bold; vertical-align: middle; } .multicontact { margin: 25px; } .multicontact_form { clear: both; } .multicontact_form .title_criadores_multi {color: #333 !important; border-top: 2px solid #ece9e9; font-size: 1.6em; line-height: 1.2em; margin: 10px 20px; padding-top: 12px; text-align: center; } .multicontact li { width: 22.5%; margin-right: 3%; float: left; position: relative; } .multicontact li:last-child { margin-right: 0; } .multicontact li .ribbon { position: absolute; left: 0px; top: 1px;} .multicontact li .sello_premium { float: right; width: 55px; } .multicontact li .imagen_princ_dest { width: 90%; height: 160px; overflow: hidden; } .multicontact li .imagen_princ_dest img { width: 100%; } .multicontact li p.title { height: 48px; line-height: 14px; margin-top: 6px; overflow: hidden; } .multicontact li p.title a { line-height: 16px; } .multicontact li p.title span.grey { font-size: 12px; } .multicontact li ul.mosaic_cachorros li { width: 30%; margin-right: 3%; float: left; margin-bottom:8px;} .multicontact li ul.mosaic_cachorros li img { width: 100%; } .multicontact .radio, .multicontact .checkbox {line-height: 14px !important; } .multicontact .radio label, .multicontact .checkbox label { font-size: 12px; float: left; } .multicontact .checkbox { margin-top: 1px; margin-left: 0 !important;} .multicontact .checkbox input[type="checkbox"] { margin-top: 1px; } .multicontact .icon-badge {font-size: 20px;color: #ba0037; padding: 0 0 5px 5px; display: inline-table;} .multicontact_form .btn { display: block; } .btn_submit_form { clear: both; display: table; display: -moz-box; margin: 0 auto; padding: 10px 0 0; } .btn_contactar_multi { display: block; clear: both; width: 100%; } @media (min-width: 1501px) and (max-width: 1650px) { .multicontact li .imagen_princ_dest { width: 90%; height: 140px; overflow: hidden; } } @media (min-width: 1301px) and (max-width: 1500px) { .multicontact li .imagen_princ_dest { width: 90%; height: 130px; overflow: hidden; } } @media (min-width: 1201px) and (max-width: 1300px) { .multicontact li .imagen_princ_dest { width: 90%; height: 120px; overflow: hidden; } } @media (min-width: 769px) and (max-width: 1200px) { .multicontact li .imagen_princ_dest { width: 90%; height: 112px; overflow: hidden; } } @media (max-width: 1600px) { #contentmulti.modal-dialog { max-width: 70%;} } @media (max-width: 1400px) { #contentmulti.modal-dialog { max-width: 80%;} } @media (max-width: 768px) { .multicontact_form { display: none; } .multicontact_content #ok { padding: 25px 0 0; line-height: 22px; margin: 0 10px; display: table; } .multicontact_content #ok p { color: #05807d; display: table-cell; font-size: 1.3em; font-weight: bold; vertical-align: middle; } } /* FILTROS LISTADOS COLUMNAS */ #listado_criadores .show_hide { border: none; background: none; color: #777; display: inline; margin-left: 25px; } #listado_criadores .show_hide:focus, #listado_criadores .show_hide:active, #listado_criadores .show_hide:hover { border: none; background: none; outline: none; box-shadow: none;} #listado_criadores .show_hide .caret {display: inline-block; margin-left: 8px; } #listado_criadores .show_hide .caret.caret-reversed { border-top-width: 0; border-bottom: 4px solid;} .filters_column_content .slidingDiv{ border-top: 2px dashed #ece9e9; border-bottom: 2px dashed #ece9e9; padding: 15px 15px 8px; width: 100%; clear: both; } .filters_column { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .filters_column li{ display: inline-table;width: 98%; padding-right: 2%; } .filters_column li::before{ content: "."; top: -3px;position: relative;margin-right: 5px;font-weight: bold;margin-bottom: 3px;float: left; display: inline-table; } .filters_column li a{ font-size: 0.9em; } .filters_column_bottom_content { padding: 25px; background: #f2f2f2; border-radius: 5px; margin: 40px 0 40px; } .filters_column_bottom { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .filters_column_bottom_content h4 { font-family: Arial,Helvetica,sans-serif; width: 100%; color: #777; display: inline-block;line-height: 30px;font-size: 18px;font-weight: bold;text-transform: uppercase;border-bottom: none;margin: 0;padding-bottom: 10px; } .filters_column_bottom_content .ver_todo_listado { font-size: 15px; margin-top: 10px; font-weight: bold; display: block; text-align: right; text-decoration: underline; } .filters_column_bottom_content2 { padding: 18px; background: #f2f2f2; border-radius: 5px; margin: 40px 0; display: inline-table; width: 100%; } .filters_column_bottom2 { font-size: 12px; display: inline-block; padding-bottom: 5px !important; padding-top: 0 !important; width: 100%; } .filters_column_bottom2 li { padding-right: 20px; width: 25%; float: left; } .filters_column_bottom_content2 h4 { font-family: Arial,Helvetica,sans-serif; width: 100%; color: #777; display: inline-block;line-height: 30px;font-size: 17px; line-height: 18px; font-weight: bold;text-transform: uppercase;border-bottom: none;margin: 0;padding-bottom: 0; } .filters_column_bottom_content2 .ver_todo_listado { font-size: 15px; margin-top: 10px; font-weight: bold; display: block; text-align: right; text-decoration: underline; } @media (min-width: 769px) and (max-width: 1200px) { .filters_column_bottom { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (max-width: 950px) { .filters_column_bottom2 { padding-bottom: 10px; } .filters_column_bottom2 li { padding-right: 20px; } } @media (max-width: 800px) { .filters_column_bottom2 li { width: 33%; } } @media (max-width: 500px) { .filters_column_bottom2 li { width: 50%; } } @media (max-width: 400px) { .filters_column_bottom2 { width: 100%; } } @media (max-width: 768px) { .filters_column_content { display: none; } .filters_column_bottom_content { display: none; } .filters_column_bottom_content2 h4 { font-size: 15px; line-height: 15px; } .filters_column_bottom2 li {font-size: 12px; line-height: 16px;} } /* PURINA CALENDARIO EXPOSICIONES */ .publi_center {text-align: center; display: block; margin: 0 auto 15px !important; } .expos_purina_list { display: table; width: 100%; } .fechas_expos { } .fechas_expos li { padding-left: 80px; margin-bottom: 10px; } .calendar_expos li.lista_expos p { margin-bottom: 4px; } .dias_calendario { font-size: 24px; float: left; margin-left: -80px; } .nombre_expo { font-weight: bold; font-size: 1.2em; } .photo_expo { text-decoration: underline;} .photo_expo:before { font-size: 18px;vertical-align: middle;text-align: center;content: "\e07f";display: inline-block;font-family: 'Simple-Line-Icons';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin: -2px 8px 1px 4px;} @media (min-width: 1101px) { .calendar_expos li.lista_expos { width: 31%; margin-right: 3%; margin-bottom: 30px;display: inline-block;clear: both;vertical-align: top;} .calendar_expos li.lista_expos:nth-child(3n) { width: 31%; margin-right:0; margin-bottom: 30px;display: inline-block;clear: both;vertical-align: top;} .calendar_expos li.lista_expos h3 { background: #4fccc6; color: white; padding: 8px 12px 6px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; } .calendar_expos li.lista_expos h3:after { content: "\e021"; font-family: "dripicons"; float: right; ;} .expos_purina_list .title_listado_criadores { margin-bottom: 15px; } #banner_cat .desk { display: block; } #banner_cat_mobile .tablet { display: none; } #banner_cat_mobile .mobile { display: none; } .selected img {opacity:0.5;} .publi_center { margin-top: 15px !Important; } } @media (max-width: 1350px) and (min-width: 1001px) { .calendar_expos li.lista_expos h3 { font-size: 20px; } } @media (max-width: 1100px) and (min-width: 1051px) { #banner_cat .desk { display: block; } #banner_cat_mobile .tablet { display: none; } #banner_cat_mobile .mobile { display: none; } .expos_purina_list .title_listado_criadores { width: 100%; margin-top: 15px; font-size: 24px; line-height: 28px; font-weight: bold; } .calendar_expos li.lista_expos h3 {background: #4fccc6; font-size: 22px; color: white; padding: 8px 12px 6px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; } .calendar_expos li.lista_expos h3:after { content: "\e021"; font-family: "dripicons"; float: right; ;} .calendar_expos li.lista_expos:nth-child(1n) { width: 48%; margin-right: 3%; margin-bottom: 30px;display: inline-block;clear: both;vertical-align: top;} .calendar_expos li.lista_expos:nth-child(2n) { width: 48%; margin-right: 0; margin-bottom: 30px;display: inline-block;clear: both;vertical-align: top;} } @media (max-width: 1050px) and (min-width: 790px) { #banner_cat { display: none; } #banner_cat .desk { display: none; } #banner_cat_mobile .tablet { display: block; width: 100%; text-align: center; } #banner_cat_mobile .mobile { display: none; } .expos_purina_list #banner_cat img { margin: 0 auto; } .calendar_expos { display: table; clear: left; } .calendar_expos li.lista_expos:nth-child(1n) { width: 48%; margin-right: 3%; margin-bottom: 30px;display: inline-block;clear: both;vertical-align: top;} .calendar_expos li.lista_expos:nth-child(2n) { width: 48%; margin-right: 0; margin-bottom: 30px;display: inline-block;clear: both;vertical-align: top;} .calendar_expos li.lista_expos h3 {background: #4fccc6; color: white; padding: 8px 12px 6px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; } .calendar_expos li.lista_expos h3:after { content: "\e021"; font-family: "dripicons"; float: right; ;} .publi_center { margin-top: 15px !Important; } } @media (max-width: 789px) and (min-width: 601px) { #banner_cat .desk { display: none; } #banner_cat_mobile .tablet { display: none; } #banner_cat_mobile .mobile { display: block; margin-top: 17px; } #banner_cat_mobile .mobile img { margin: 0 auto; display: block; } .expos_purina_list .title_listado_criadores { width: 100%; margin-top: 15px; font-size: 24px; line-height: 28px; font-weight: bold; } .calendar_expos li.lista_expos h3 {background: #4fccc6; color: white; font-size: 18px; padding: 8px 12px 6px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; } .calendar_expos li.lista_expos h3:after { content: "\e021"; font-family: "dripicons"; float: right; ;} .calendar_expos li.lista_expos:nth-child(1n) { width: 48%; margin-right: 3%; margin-bottom: 30px;display: inline-block;clear: both;vertical-align: top;} .calendar_expos li.lista_expos:nth-child(2n) { width: 48%; margin-right: 0; margin-bottom: 30px;display: inline-block;clear: both;vertical-align: top;} .publi_center { margin-top: 15px !Important; } } @media (max-width: 600px) and (min-width: 320px) { #banner_cat .desk { display: none; } #banner_cat_mobile .tablet { display: none; } #banner_cat_mobile .mobile { display: block; margin-top: 17px; } #banner_cat_mobile .mobile img { margin: 0 auto; display: block; } .expos_purina_list #banner_cat img { margin: 0 auto; } .calendar_expos li.lista_expos h3 {background: #4fccc6; color: white; padding: 8px 12px 6px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; } .calendar_expos li.lista_expos h3:after { content: "\e021"; font-family: "dripicons"; float: right; ;} .publi_center { margin-top: 15px !Important; } } @media (max-width: 319px) { #banner_cat .desk { display: none; } #banner_cat_mobile .tablet { display: none; } #banner_cat_mobile .mobile { display: block;margin-top: 17px; } #banner_cat_mobile .mobile img { margin: 0 auto; display: block; width: 100%; height: auto; } .publi_center { display: none; } } @media (max-width: 768px) and (min-width: 600px) { .expos_purina_list {padding: 0 15px;} } @media (max-width: 599px) { .expos_purina_list { padding: 0 15px; } .expos_purina_list .title_listado_criadores { width: 100%; margin-top: 15px; } .calendar_expos li.lista_expos { width: 100%; margin-right: 0%; padding-bottom: 5px;display: inline-block;clear: both;vertical-align: top;} .calendar_expos li.lista_expos h3 { background: #4fccc6; color: white; font-size: 20px; padding: 8px 12px 6px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; } .calendar_expos li.lista_expos h3:after { content: "\e021"; font-family: "dripicons"; float: right; ;} } @media (max-width: 400px) { .calendar_expos li.lista_expos h3 { font-size: 18px; padding: 6px 12px 6px; } } #purina_gallery { margin: 0 auto 40px; width: 60%; clear: both; } #purina_gallery .item .thumb {width: 20%;cursor: pointer;float: left; padding: 1%;} #purina_gallery .item .thumb img {width: 100%;} #purina_gallery .item img {object-fit: cover; max-height: 400px;margin: 0 auto;} #purina_gallery .pie_foto_criador { width: 100%; background-color: rgba(0, 0, 0, 0.6); text-align: center;color: white;z-index: 88;bottom: 0;margin: 0 auto; padding: 10px 0;position: absolute;} .text_gallery { width: 63%; margin: 0 auto 70px; } #purina_gallery .carousel-control .glyphicon-chevron-right, #purina_gallery .carousel-control .glyphicon-chevron-left { background: white;padding: 5px 5px 6px;border-radius: 4px;} #purina_gallery .carousel-control.right {right: -6%; } #purina_gallery .carousel-control.left {left: -2%;} #purina_gallery #thumbcarousel .carousel-control.right { top: -20%; } #purina_gallery #thumbcarousel .carousel-control.left { top: -20%;} @media (max-width: 1300px) and (min-width: 769px) { #purina_gallery { width: 70%; clear: both; padding: 0; margin: 15px auto 40px; } #purina_gallery .col-md-12 { padding: 0; } #purina_gallery .carousel-inner {width: 100%;margin-left: 0; } #purina_gallery .carousel-control.right {right: -6%;} #purina_gallery .carousel-control.left {left: -6%;} #purina_gallery .carousel-control {margin-left: 0;} #purina_gallery #thumbcarousel { width: 100%; margin: 0 auto; } #purina_gallery #thumbcarousel .carousel-control.left {left: -5%; top: -15px; } #purina_gallery #thumbcarousel .carousel-control.right {right: -5%; top: -15px;} } @media (max-width: 768px) { #purina_gallery { width: 100%; clear: both; padding: 0; margin: 15px auto 30px; } #purina_gallery .carousel-control.right {right: 0px;} #purina_gallery .carousel-control.left {left: 0%;} #purina_gallery #thumbcarousel{ display: none; } #purina_gallery .carousel-control {margin-left: 0;} #purina_gallery .pie_foto_criador { position: relative; background-color: #ece9e9; color: #999; } } /* PROFESIONALES LISTADO */ .box_buscador_servicios { width: 50%; float: left; margin: 20px 0; } .box_servicios_peq { width: 45%; margin-left: 5%; float: left; } .box_servicios_peq .icon-briefcase { float: left;margin-right: 10px;top: 3px;position: relative;font-size: 28px;} .tit_anuncio_servicios { margin-top: 20px;font-size: 24px;font-weight: bold;margin-bottom: 0px; } .registrate_servicios { font-size: 20px;font-weight: bold;margin-bottom: 0px; } #servicios_directorio .searchresults li { margin-right: 0; } #servicios_directorio .searchresults li:first-child { border-top: 2px dotted #ECE9E9; } .searchresults li ul.calidad_servicio {width: 100%;display: table-cell; padding: 22px 0 20px; } .searchresults li ul.calidad_servicio li:first-child { border-top: none !Important; } .searchresults li ul.calidad_servicio li { padding-left: 0;min-height: 0;width: 50%;margin-right: 0;display: inline-block; border: none; } .fixed_finder.shrink { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; box-shadow: 0 2px 6px -2px rgba(0,0,0,0.2); } .fixed_finder .alert { opacity: 0; display: none; height: 0; position: absolute; font-size: 0; padding: 0; height: 35px; padding: 5px 0px; font-size: 18px; text-align: left; } .fixed_finder.shrink .alert { width: 100%; display: inline-block; -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; } .fixed_finder.shrink .alert .close { font-size: 28px; margin-right: 11%;} .fixed_finder.shrink .alert .glyphicon { top: 4px; } #servicios_directorio .searchresults li {width: 100%;margin-right: 0;float: none;display: inline-block; padding-bottom: 17px; min-height: 10px; padding-left: 170px;} #servicios_directorio .searchresults li h3 {font-size: 1.4em; } #servicios_directorio .searchresults li .link { color: #05807d;font-style: normal; text-decoration: underline; } #servicios_directorio .searchresults .premium_profess img { width: 150px; margin-left: -170px; } #servicios_directorio .searchresults .avanzado_profess { padding-left: 85px; } #servicios_directorio .searchresults .avanzado_profess img {width: 75px;margin-left: -85px; } #servicios_directorio .modal-header, .content_filters_criadores_full .modal-header{ border-bottom: none; } #servicios_directorio .modal-body, .content_filters_criadores_full .modal-body { padding: 0 20px 20px; } #content_filters_criadores_full .thumb { position: relative; } #content_filters_criadores_full .avanzado_profess .thumb .ribbon { position: absolute; left: -85px; top: 1px;} #content_filters_criadores_full .premium_profess .thumb .ribbon {left: -170px; top: 1px;} #content_filters_criadores_full .avanzado_profess .thumb .lazo-dest { margin-left: -92px; } #content_filters_criadores_full .premium_profess .thumb .lazo-dest { margin-left: -176px; } #content_filters_criadores_full .premium_profess .btn_agregar_carrito a, #content_filters_criadores_full .avanzado_profess .btn_agregar_carrito a { width: 100px; text-decoration: none !important; color: #FFF; font-size: 15px; margin-bottom: 0; line-height: 16px; } #content_filters_criadores_full .premium_profess .btn_agregar_carrito .icon-envelope, #content_filters_criadores_full .avanzado_profess .btn_agregar_carrito .icon-envelope {display: none; } #servicios_directorio .searchresults li.tablet_publi { display: none; } #servicios_directorio .searchresults .basic_profess { padding-left: 0; } #servicios_directorio .searchresults .basic_profess h3 { margin-top: 15px; } #servicios_directorio .searchresults img.servicio24h { float: right; margin-right: 0; margin-bottom: 15px; margin-left: 0; width: 55px;} #servicios_directorio .wide.h1 { font-size: 1em; } #buscador_servicios .box_buscador_productos {width: 100%;} #servicios_directorio .direccion_servicio { font-size: 14px; margin-bottom: 8px; color: #888; } #servicios_directorio .ver_telf_list {margin-bottom: 8px; } #servicios_directorio .searchresults .descripcion { font-style: italic; margin-top: 8px; margin-bottom: 5px; } #servicios_directorio .namelist_prod2 { padding-bottom: 5px; margin-bottom: 5px; } #servicios_directorio .estrellas_prod {display: block; width: 90px;} #servicios_directorio .estrellas_prod li { float: none;min-height: 18px;display: inline-block !Important; width: 14px !important;} .urgencias_mvl{ display: none; } #servicios_directorio .leaderboard { border-bottom: 0; } #servicios_directorio .banner_app_vet { text-align: center; padding-top: 15px; padding-left: 0 !Important; } #servicios_directorio .banner_app_vet img {float: none;margin: 0 auto;} #servicios_directorio .precio_izq_lista {font-size: 30px; margin-bottom: 0 !Important; font-weight: bold; padding-left: 15px;} #servicios_directorio .precio_izq_lista span { font-size: 23px; color: #666; } #servicios_directorio .precio_izq_lista_no { margin-bottom: 0 !Important; color: #999; font-size: 20px; line-height: 22px;padding-left: 15px; } @media (width: 768px) { #servicios_directorio .banner_app_vet .nodesk { display: block; } } @media (max-width: 1850px) { .fixed_finder.shrink .alert .close { margin-right: 6%;} } @media (max-width: 1500px) { .fixed_finder.shrink .alert .close { margin-right: 4%;} } @media (max-width: 1250px) { .fixed_finder.shrink .alert .close { margin-right: 1%;} } @media (max-width: 1024px) { #servicios_directorio .ver_telf_list {display: inline-table;margin-right: 10px;width: 80%; clear: both;} #servicios_directorio .searchresults .descripcion { margin-top: 5px; font-style: italic; } #servicios_directorio .searchresults li.tablet_publi { display: block; } } @media (max-width: 980px) { .fixed_finder.shrink { position: absolute;} } @media (max-width: 768px) { #buscador_servicios { padding: 4px 8px; } #buscador_servicios .placeholdprod { width: 80%;padding: 9px 10px 9px } #buscador_servicios .placeholdprod2 { width: 100%; } #servicios_directorio .title_listado_criadores {border-bottom: none; margin: 12px auto 5px; } #servicios_directorio .title_listado_criadores .eres_criador_tit { padding-top: 0; line-height: 20px; padding-bottom: 1px;} #servicios_directorio .title_listado_criadores .eres_criador_tit .icon-briefcase {color: #777;float: left;font-size: 22px;margin-top: -2px;height: 23px;} #servicios_directorio .searchresults li {margin-right: 0;position: relative; z-index: 2; height: auto;overflow: hidden;display: block;border-bottom: 2px solid #ebebeb;padding: 10px 15px 10px 60px;} #servicios_directorio .searchresults img {width: 50px;height: 50px;margin-right: 10px;margin-bottom: 15px;margin-left: -50px; margin-bottom: 75px;} #servicios_directorio .searchresults li.premium_profess { padding: 10px 15px 10px 110px;} #servicios_directorio .searchresults li.premium_profess img {width: 90px;height: 90px;margin-right: 10px;margin-bottom: 15px;margin-left: -100px; margin-bottom: 0;} #servicios_directorio .searchresults li.avanzado_profess {margin-right: 0;position: relative;overflow: hidden;display: block;border-bottom: 2px solid #ebebeb;padding: 10px 15px 10px 65px;} #servicios_directorio .searchresults li.avanzado_profess img {width: 45px;height: 45px;margin-right: 10px;margin-left: -55px; margin-bottom: 48px;} #servicios_directorio .searchresults li.basic_profess { padding-left: 15px; padding-bottom: 10px; } #servicios_directorio .searchresults .basic_profess h3 { margin-top: 0; } #content_filters_criadores_full .premium_profess .btn_agregar_carrito a, #content_filters_criadores_full .avanzado_profess .btn_agregar_carrito a { width: 50px; } #content_filters_criadores_full .premium_profess .btn_agregar_carrito .icon-envelope, #content_filters_criadores_full .avanzado_profess .btn_agregar_carrito .icon-envelope {display: block; } #content_filters_criadores_full .premium_profess .thumb .ribbon { left: -100px;} #servicios_directorio .searchresults img.servicio24h { display: none; } #content_filters_criadores_full .estrellas_prod {margin: -2px -10px 0 0; } #servicios_directorio .icon-call-out { display: inline-table; font-size: 18px; margin-right: 18px; padding-top: 8px; } #servicios_directorio .ver_telf_list {display: inline-table;margin-right: 10px;width: 90%; clear: both;} .urgencias_mvl{ display: inline-block; } #servicios_directorio .searchresults h3 { font-size: 17px !important; margin:4px 0; } #servicios_directorio .searchresults li p { margin-bottom: 4px; } #servicios_directorio .searchresults .calidad_servicio { display: none; } #servicios_directorio .searchresults .overflow .fright{ margin-left: 15px; font-size: 0.8em; } #servicios_directorio .searchresults .descripcion { margin-top: 5px; font-style: italic; clear: both; } #servicios_directorio .searchresults .transp_razas_mvl {bottom: -16px !important;position: absolute;z-index: 555544445;top: auto;} #servicios_directorio #left_list {width: 95%; margin: 15px; display: block; margin-bottom: 0 !important;} #ficha_criador .col-md-4 {width: 100% !Important;} #servicios_directorio .direccion_servicio { font-size: 1em; } #form_profess { margin-bottom: 15px; } #servicios_directorio .banner_app_vet img { margin: 0 auto 0 10px; width: 100%;height: auto; max-width: 300px; } #servicios_directorio .precio_izq_lista {font-size: 23px; padding-left: 0; } #servicios_directorio .precio_izq_lista span { font-size: 18px; } #servicios_directorio .precio_izq_lista_no { font-size: 16px; padding-left: 0;} #anuncios_list .avanzado_profess .descripcion { clear: none; } #content_filters_criadores_full .avanzado_profess .thumb .lazo-dest { margin-left: -64px;} #content_filters_criadores_full .premium_profess .thumb .lazo-dest { margin-left: -106px;} .fixed_finder { display: block !important; } .fixed_finder .alert { display: none !important; } } #contactos_caducados_profess h1 {font-size: 30px; } #contactos_caducados_profess h2 { margin: 0 0 15px; font-size: 24px; } .list_profess { list-style-type: disc;margin-left: 15px; margin-bottom:30px;} .list_profess li, .list_profess2 li { margin-bottom: 10px; } .list_profess2 { list-style-type: disc;margin-left: 15px; margin-bottom:20px;} #contactos_caducados_profess .alert { font-size: 20px; } #contactos_caducados_profess .col-md-4 { float: right; padding: 0 15px; } #contactos_caducados_profess .media-body {font-size: 16px;} #contactos_caducados_profess .btn { font-size: 1.4em; } @media (max-width: 800px) { #contactos_caducados_profess .col-md-7 { float:none; width: 100%;} #contactos_caducados_profess .col-md-4 { float: none; width: 100%; } #contactos_caducados_profess{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} #contactos_caducados_profess h1 {font-size: 26px; } #contactos_caducados_profess h2 { margin: 0 0 15px; font-size: 20px; } #contactos_caducados_profess .alert { font-size:16px; } } @media (max-width: 400px) { #contactos_caducados_profess h1 {font-size: 24px; } #contactos_caducados_profess h2 { margin: 0 0 15px; font-size: 18px; } } @media (max-width: 600px) { #servicios_directorio #left_list {width: 93%; margin: 10px 0 15px 12px;} } /* Servicios */ .bar-excelente, .bar-alta, .bar-media, .bar-poca, .bar-muypoca, .bar-ninguna { display: block; width: 78px; height: 7px; margin-top: 5px; margin-right: 5px; text-indent: -9999px; } .bar-excelente { background: transparent url(/img/bar-rating.gif) no-repeat left 0; } .bar-alta { background: transparent url(/img/bar-rating.gif) no-repeat left -16px; } .bar-media { background: transparent url(/img/bar-rating.gif) no-repeat left -32px; } .bar-poca { background: transparent url(/img/bar-rating.gif) no-repeat left -48px; } .bar-muypoca { background: transparent url(/img/bar-rating.gif) no-repeat left -64px; } .bar-ninguna { background: transparent url(/img/bar-rating.gif) no-repeat left -80px; } .calidad_servicio .q_calidad {float: left; margin-right: 5px; width: 200px; color: #888;} .calidad_servicio .overflow { float: left; } .q_legend {font-size: 0.9em; color: #818181; line-height: 1.3em; margin-top: 3px; margin-bottom: 0;} .valoracion_media {margin: 5px; font-weight: bold; float: right; line-height: 2.6em; font-size: 1.3em;} .valoracion_media .title {float: right; font-size: 1.1em; margin-top: 1px;} .valoracion_media .gristxt {margin-top: 0; } .valoracion_media .excelente, .valoracion_media .muybuena, .valoracion_media .buena, .valoracion_media .poca {font-size: 1.6em;}.excelente, .muybuena, .buena, .poca {padding: 2px 5px; color: #fff; font-weight: bold;-moz-border-radius: 2px; font-size: 1.1em; line-height: 1.2em;} .excelente {background: #3d9c0f;} .muybuena {background: #8FC300;} .buena {background: #fe8329;} .poca {background: #D6281B;} @media (max-width: 1100px) and (min-width: 769px) { #servicios_directorio .calidad_servicio .q_calidad {width: 170px;} #servicios_directorio .searchresults li {clear: both;padding-left: 160px;} #servicios_directorio .searchresults img {margin-left: -160px; width: 130px; height:auto;} #servicios_directorio .searchresults li ul.calidad_servicio li {margin-right: 0; padding-left: 0;} #servicios_directorio .banner_app_vet img { margin-left: 0; width: 100%;height: auto; max-width: 720px; } } /* HOME ARTICULOS -------------------------------------------------- */ /*-- HOME ARTICULOS -- */ #articulo_home .leaderboard { background: #efefef; clear: both; padding: 15px 5px; margin-top: 10px; text-align: center !important;} #consejos_raza p { font-size: 1.2em !important; line-height: 1.5em !important; margin-bottom: 20px; } #consejos_raza h2 { display: inline-block; color: #006172; padding: 20px 0 12px; clear: both; font-size: 1.4em; } #consejos_raza h3 { display: inline; color: #006172; padding: 20px 0 10px; clear: both; font-size: 1.2em; font-weight: bold; line-height: 2em; } #consejos_raza img { padding: 0 5px; } ul.articulos_home {overflow: hidden; font-size: 1.1em; width: 78%; display: table;} ul.articulos_home li {width:32%; margin-right: 1%; float:none !important;min-height:94px;height:auto !important;height:90px;padding:0;display: inline-table; } ul.articulos_home li p { line-height: 24px; font-size: 17px; } ul.articulos_home dl {padding: 0 20px 0px 90px;margin-right:20px;height:auto;} ul.articulos_home dt a {color: #444;font-weight: bold;font-size: 1.2em;line-height: 1.3em;display: block;padding-bottom: 4px;} ul.articulos_home li dd a,ul.anuncios_home dd a {text-decoration:none;} ul.articulos_home li dd a:hover {text-decoration:underline;} ul.articulos_home li .img_bg { width: 80px;height: 90px;display: block;margin-left: -95px; float: left;} ul.articulos_home li.articulos_birds .img_bg {background: url(/img/sprite-categorias.png) no-repeat 5px -390px;} ul.articulos_home li.articulos_perros .img_bg{background: url(/img/sprite-categorias.png) no-repeat left -90px;} ul.articulos_home li.articulos_gatos .img_bg {background: url(/img/sprite-categorias.png) no-repeat left -290px;} li.foro_general {background: url("/img/new/foro.png") no-repeat scroll 10px 15px transparent; } ul.articulos_home li.articulos_pmamiferos .img_bg {background: url(/img/sprite-categorias.png) no-repeat left 10px;} ul.articulos_home li.articulos_general .img_bg {background: url("/img/sprite-categorias.png") no-repeat scroll 0 -502px transparent;} ul.articulos_home li.articulos_curiosidades .img_bg {background: url("/img/sprite-categorias.png") no-repeat scroll 0 -1156px transparent;} ul.articulos_home li dl,ul.anuncios_home li dl {padding-bottom:0px; font-size: 14px; } ul.articulos_home li.articulos_peces .img_bg{background: url(/img/sprite-categorias.png) no-repeat left -180px;} ul.articulos_home li.articulos_anfibios .img_bg {background: url(/img/sprite-categorias.png) no-repeat left -590px;} ul.articulos_home li.articulos_reptiles .img_bg {background: url(/img/sprite-categorias.png) no-repeat left -685px;} ul.articulos_home li.articulos_aracnidos .img_bg {background: url(/img/sprite-categorias.png) no-repeat left -790px;} ul.articulos_home li.articulos_caballos .img_bg {background: url(/img/sprite-categorias.png) no-repeat left -991px;} ul.anuncios_home li.anuncios_veterinarios .img_bg{background: url(/img/sprite-categorias.png) no-repeat left -490px;} ul.anuncios_home li dl {padding-bottom:5px; } ul.anuncios_home li.articulos_peces .img_bg {background: url(/img/sprite-categorias.png) no-repeat left -180px;} ul.anuncios_home li.articulos_anfibios .img_bg{background: url(/img/sprite-categorias.png) no-repeat left -590px;} ul.anuncios_home li.articulos_reptiles .img_bg {background: url(/img/sprite-categorias.png) no-repeat left -685px;} ul.anuncios_home li.articulos_aracnidos .img_bg {background: url(/img/sprite-categorias.png) no-repeat left -790px;} .publi_articulos { float: right; } @media (max-width: 1600px) and (min-width: 1350px) { ul.foros_home,ul.articulos_home, ul.anuncios_home {overflow: hidden; font-size: 1.1em; width: 75%;} } @media (max-width: 1349px) and (min-width: 1150px) { ul.foros_home,ul.articulos_home, ul.anuncios_home {overflow: hidden; font-size: 1.1em; width: 70%;} ul.foros_home li,ul.articulos_home li,ul.anuncios_home li {width:48%; margin-right: 2%; float:left;min-height:94px;height:auto !important;height:90px;padding:0;} } @media (max-width: 1149px) { ul.articulos_home {overflow: hidden; font-size: 1.1em; width: 70%;} ul.articulos_home li {width:100%; margin-right: 0%; float:left;min-height:94px;height:auto !important;height:90px;padding:0; border-bottom: 2px dotted #ECE9E9;} .articulos_home li:last-child { border-bottom: none; } } @media (max-width: 1050px) { ul.articulos_home {overflow: hidden; font-size: 1.1em; width: 60%;} .articulos_home li{ border-bottom: 2px dotted #ECE9E9; } .articulos_home li:last-child { border-bottom: none; } } @media (max-width: 900px) { ul.articulos_home {overflow: hidden; font-size: 1.1em; width: 50%;} .articulos_home li{ border-bottom: 2px dotted #ECE9E9; } .articulos_home li:last-child { border-bottom: none; } } @media (max-width: 799px) { ul.articulos_home {overflow: hidden; font-size: 1.1em; width: 100%; } .articulos_home li{ border-bottom: 2px dotted #ECE9E9; } .articulos_home li:last-child { border-bottom: none; } .publi_articulos { float: left; margin: 15px 0 15px 15px; } #articulo_home .publi_articulos { float: left; margin: 5px 0 20px; } } .articulos_otros_home { display: table; padding-top: 20px;} .articulos_otros_home li { width: 49%;margin-bottom: 15px;display: inline-table;vertical-align: top;} .articulos_otros_home li .media-body p { font-size: 1.1em; color: #414141; } .articulos_otros_home li p.title { font-size: 1.4em; margin-top: 5px; margin-bottom: 5px; color: #05807d; line-height: 1.2em; } @media (max-width: 1200px) { .articulos_otros_home li { width: 49%; } .articulos_otros_home li .media img { width: 100px; height: 100px; } .articulos_otros_home li p.title { font-size: 1.4em; margin-top: 0; margin-bottom: 5px; } .articulos_otros_home li .media-body p { font-size: 1em; } } @media (max-width: 900px) { .articulos_otros_home li { width: 100%; margin-bottom: 14px; border-bottom: 2px dotted #ECE9E9;} .articulos_otros_home li:last-child { border-bottom: none; } #articulo_home .articulos_otros_home li img { width: 100px; height: 100px; } .articulos_otros_home li p.title { font-size: 1.3em; margin-top: 0; margin-bottom: 5px; } } @media (max-width: 769px) { .articulos_otros_home { margin: 0; } .articulos_otros_home li .media img { width: 75px; height: 75px; margin-bottom: 10px; } .articulos_otros_home li .title { font-size: 1.2em; margin-top: 0px; margin-bottom: 5px; } .articulos_otros_home li .media-body {padding-right: 15px;} .articulos_otros_home .media-body p { font-size: 0.9em; } ul.articulos_home dl {padding: 10px 20px 0px 90px;margin-right: 20px;height: auto; margin-bottom: 0 !important;} ul.articulos_home li dl, ul.anuncios_home li dl {padding-bottom: 5px;font-size: 14px;} #articulo_home .articulos_otros_home li img { width: 50px; height: 50px; } } @media (max-width: 768px) { #articulo_home { padding: 0 15px; } .articulos_otros_home li .media img { width: 75px; height: 75px; margin-bottom: 10px; } .articulos_otros_home li .title { font-size: 1.2em; margin-top: 0px; margin-bottom: 5px; } .articulos_otros_home li .media-body {padding-right: 15px;} .articulos_otros_home .media-body p { font-size: 0.9em; } } /* HOME PROFESIONALES -------------------------------------------------- */ #modal_pop { display: inline-block; } .services_home { padding-top: 20px; clear: both; display: table; } .services_home li { width: 33%; margin-bottom: 15px; display: inline-table; vertical-align: top; } .services_home li a:hover { text-decoration: none; } .services_home li .media-body { padding-right: 30px; } .services_home li .media-body p { font-size: 1.1em; color: #414141; } .services_home li h2.title { font-size: 1.6em; margin-top: 5px; margin-bottom: 5px; } .services_home li .media img { width: 150px; height: 150px; } @media (max-width: 1200px) and (min-width: 1100px) { .services_home li .media img { width: 100px; height: 100px; } .services_home li h2.title { font-size: 1.3em; margin-top: 0; margin-bottom: 5px; } .services_home li .media-body p { font-size: 1em; } } @media (max-width: 1099px) { .services_home li { width: 49%; } .services_home li .media img { width: 100px; height: 100px; } .services_home li h2.title { font-size: 1.4em; margin-top: 5px; margin-bottom: 5px; } .services_home li .media-body p { font-size: 1em; } } @media (max-width: 769px) { #home_anuncios .title_listado_criadores { display: block;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 21px;font-weight: bold;margin: 10px auto 5px;width: 95%;float: none; } .services_home { margin: 0 15px; } .services_home li .media img { width: 75px; height: 75px; margin-bottom: 10px; } .services_home li h2.title { font-size: 1.3em; margin-top: 0px; margin-bottom: 5px; } .services_home li .media-body {padding-right: 15px;} .services_home li .media-body p { font-size: 1em; } } @media (max-width: 620px) { .services_home li { width: 100%; margin-bottom: 14px; border-bottom: 2px dotted #ECE9E9;} .services_home li:last-child { border-bottom: none; } .services_home li h2.title { font-size: 1.2em; margin-top: 0px; margin-bottom: 5px; } } /* FICHA PROFESIONALES -------------------------------------------------- */ #ficha_profes #thumbcarousel { position: relative;overflow: visible;width: 445px;margin: 0 auto 20px; } #ficha_profes #thumbcarousel .carousel-inner { width: 100%; margin: 0 auto; overflow: hidden; } #ficha_profes #thumbcarousel .carousel-control .glyphicon-chevron-left { background: white;padding: 5px 5px 6px;border-radius: 4px; width: auto; } #ficha_profes #thumbcarousel .carousel-control .glyphicon-chevron-right { background: white;padding: 5px 5px 6px;border-radius: 4px; width: auto; } #ficha_profes #thumbcarousel .carousel-control.left { top: -30px;} #ficha_profes #thumbcarousel .carousel-control.right { right: -40px; top: -30px;} #ficha_profes #carousel { } #ficha_profes #carousel .carousel-inner { width: 100%; margin: 0 auto; overflow: hidden; } #ficha_profes #carousel .item img {object-fit: cover;max-height: 400px;margin: 0 auto; cursor: pointer;} #ficha_profes #carousel .carousel-control.left {left: 0; margin-left: 0;} #ficha_profes #carousel .carousel-control.right {right: 0;} #ficha_profes .pie_foto_criador { display: none !important; padding: 10px 0 0;} #ficha_criador2 #purina_gallery #thumbcarousel { width: 100%; } #contact_profes_mvl .btn { width: 100%; font-size: 1.3em; margin: 5px 0 10px; } #contact_profes_mvl .icon-envelope {margin-right: 5px; margin-top: 0; font-size: 1.2em; top: 2px; position: relative; display: inline-block;} #ficha_profes #contact_profes_mvl { display: none; } #ficha_profes .dos { float: left; } #ficha_profes .zoom_image { padding-right: 20px; display: inline-block; } @media (max-width: 549px) { #ficha_profes #thumbcarousel { display: none; } #ficha_profes .carousel-control .glyphicon-chevron-left, #ficha_profes .carousel-control .glyphicon-chevron-right {top: 40%; } #ficha_profes #carousel { margin-bottom: 30px; } } .servicios_ficha_prof { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .servicios_ficha_prof li { font-size: 15px; margin-bottom: 6px; } .margin_left_col { margin: 40px 0 0 45px; } .box_opinion_media {border: 1px solid #ECE9E9;margin-bottom: 30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 1px 5px #808080;display: inline-table;width: 100%;background: #f2f2f2;padding: 20px 25px;} .box_opinion_media .calidad_servicio {border-top: 2px solid #ECE9E9; padding-top: 15px; clear: both; display: inline-block; margin-top: 10px; width: 100%; } .box_opinion_media .calidad_servicio li { width: 50%; float: left; } .box_opinion_media .valoracion_media { width: 100%; float: none; } .box_opinion_media .valoracion_media p{ margin: 0; float: none; line-height: 1.6em;} .box_opinion_media .col2 {width: 50%; float: left; } .box_opinion_media .estrellas_prod { margin: 4px 10px 0 0; } .box_opinion_media .opinar_media strong {line-height: 1.4em; font-size: 0.9em; display: block; color: #888; } .box_opinion_media .opinar_media #opinabox {margin-left: 0;font-size: 1em; } #ficha_profes .clear_title { margin: 20px 0 15px; clear: both;} #ficha_profes .alert-info .bigtxt { font-size: 1.3em; color: #666; } .media_ficha_opiniones { width: 100%; } .title_opinion_habit { font-size: 0.8em; font-weight: normal; } .valoracion_media_contact { width: 100%; display: block; margin-bottom: 5px; font-size: 1.2em; } .media_votaciones_num { font-weight: bold; } .valoracion_media_contact .estrellas { float: left; margin:3px 5px 0 0; } #ficha_criador .icon-clock {float: left;font-size: 1.3em;margin-right: 8px; margin-bottom: 10px;} .otros_criadores_ficha h3 { font-size: 1em; margin-top: 0px;margin-bottom: 5px; } .profes_zona{ width: 50%; float: left; padding-right: 5%;margin-bottom: 15px; } .profes_zona .media-heading { font-size: 1.3em; margin-bottom: 0; } .opiniones_profes_ficha { clear: both; } .opiniones_profes_ficha li { border-bottom: 2px dotted #ECE9E9; margin-bottom: 20px; } .opiniones_profes_ficha li:last-child { border: none; } .opiniones_profes_ficha li .media-body { width: 100%; } .opiniones_profes_ficha li .calidad_servicio_ficha li { margin-bottom: 2px; } .opiniones_profes_ficha .estrellas_media { float: left; margin-right: 10px; } .calidad_servicio_ficha { width: 100%; display: inline-block; padding: 12px 10px 5px; margin: 10px 0; border: 1px dotted #ECE9E9; background: #fafafa; } .calidad_servicio_ficha li { border: none; width: 50%; float: left; } .calidad_servicio_ficha .q_calidad {width: 220px;float: left; color: #898989; } .calidad_servicio_ficha .overflow { float: left;} .comment_opinion_ficha { font-style:italic; font-size: 1.3em; } .alert_box_opinion {font-size: 1.3em; text-align: center; } #opinabox { margin-left: 20px; font-size: 1.1em; } .box_opinion_media .calidad_servicio_criador li { width: 100%; } .box_opinion_media .calidad_servicio_criador .q_calidad {width: 80%; } .box_opinion_media .calidad_servicio_criador .overflow {float: right; } .opiniones_profes_ficha_criador .calidad_servicio_ficha li {width: 100%;} .opiniones_profes_ficha_criador .calidad_servicio_ficha .q_calidad { width: 80%; float: left;} .opiniones_profes_ficha_criador .calidad_servicio_ficha .overflow {float: right;} @media (max-width: 1150px) { #ficha_profes #contact_profes_mvl { display: block; } } @media (max-width: 1300px) and (min-width: 769px) { #ficha_profes #thumbcarousel .carousel-control.left {margin-left: -45px; } } @media (max-width: 1150px) and (min-width: 769px) { .margin_left_col {margin: 25px auto;text-align: center;} } @media (max-width: 768px) { .servicios_ficha_prof { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .profes_zona {width: 100%;float: left;padding-right: 0%; border-bottom: 1px solid #f0f0f0; padding-top: 10px;} .profes_zona:last-child { border-bottom: 0; } .margin_left_col { margin: 0 0 0 12px;text-align: center; } .profes_zona .media-heading {font-size: 1.1em;} #ficha_criador .col-md-8 { float: none !Important; clear: both; } .opiniones_profes_ficha li { margin-bottom: 15px; } } @media (width: 768px) { #contact_profes_mvl .media img { width: 140px; height: 140px; } } #ficha_criador2 #ficha_opinion_profes .box_nopago { width: 66.6666% } #ficha_opinion_profes .alert-info { text-align: left; font-size: 1.2em; } #ficha_opinion_profes .alert-info .bigtxt { font-size: 1.1em; } #ficha_criador2 #ficha_opinion_profes .col-md-4 { margin-top: 0;} #ficha_profes #ficha_criador2 .info_criador_ficha, #ficha_criador #ficha_criador2 .info_criador_ficha { position: relative; } #ficha_profes #ficha_criador2 .info_criador_ficha .valoracion_media_contact, #ficha_criador #ficha_criador2 .info_criador_ficha .valoracion_media_contact { width: 95px; display: block; float: right; position: absolute; margin-bottom: 5px; font-size: 1.2em; right: 10px;} #ficha_criador2 .info_criador_ficha .valoracion_media_contact .servicio24h { width: 60px; height: 56px; float: right;} #ficha_profes #ficha_criador2 .smalltitle4 { border: none !Important; margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.8em; line-height: 26px; padding-bottom: 20px; } .box_logado_opinion {text-align: center;font-size: 1.4em;color: #777; } .box_logado_opinion strong{width: 100%;display: block;margin-bottom: 7px; } .box_no_logado_opinion {text-align: left; line-height: 1.6em; } .box_no_logado_opinion a { color:#31708f;} #box_alert_profes_opinion li:nth-child(2) { border-top: 2px solid #cce1ec;padding: 15px 0;margin-top: 15px; } .map-frame { width: 100%; height: 80%; position: relative;} .direccion_mapa_profes { font-size: 1.4em; margin: 20px 0 30px; } .form_opinion_profes {padding: 15px 20px; } .title_form_profes { font-size: 1.9em; border-bottom: 2px solid #ECE9E9; text-align: left; } .form_valor li { width: 100%; float: left; } .form_valor label {width: 220px; float: left; margin: 8px 30px 8px 0; text-align: right; color: #777; } .form_valor .mright { margin: 8px 40px 8px 0; } .form_opinion_profes select, .form_opinion_profes textarea {width: 67%; margin: 8px 0; padding: 3px 0;} #formvaloracion .marg_caract_profes { margin-left: 250px; font-size: 0.9em;text-align: left; } #formvaloracion .bt-1 {margin-left: 250px; margin-bottom: 20px; font-size: 1.3em; padding: 5px 30px;text-align: left; float: left; } #formvaloracion .formerror { margin-left: 250px; color: red; display: inline-block; font-size: 0.8em; top: -5px; position: relative; text-align: left; float: left; margin-bottom: 15px; } .calidad_servicio_ficha .estrellas_prod {margin: 0px auto 10px; } #ficha_criador2 #ficha_opinion_profes .opiniones_profes_ficha .media-body { width: 90%; } #ficha_profes #ficha_criador2 #listado_videos.videos li { border-bottom: 1px solid #ece9e9; margin-bottom: 20px; padding-bottom: 5px; } #ficha_profes #ficha_criador2 #listado_videos.videos li:last-child { border: none; } #ficha_profes #ficha_criador2 #listado_videos.videos li .menu_video_users li{ border: none; } @media (max-width: 1220px) and (min-width:1151px) { .calidad_servicio_ficha .q_calidad {width: 180px;} } @media (max-width: 1150px) and (min-width:1060px) { .box_opinion_media .calidad_servicio { width: 100%; display: inline-block; } .box_opinion_media .calidad_servicio li { width: 50%; } .calidad_servicio_ficha li { width: 50%; } .box_opinion_media .calidad_servicio_criador li { width: 100%; } .calidad_servicio_ficha .q_calidad {width: 180px;} } @media (max-width: 1059px) and (min-width:800px) { .calidad_servicio_ficha .q_calidad {width: 200px;} } @media (max-width: 1650px) { .form_opinion_profes select, .form_opinion_profes textarea {width: 50%;} .form_valor label {width: 200px;} } @media (max-width: 1550px) { #ficha_criador2 #ficha_opinion_profes .opiniones_profes_ficha .media-body { width: 89%; } #ficha_criador2 .opiniones_profes_ficha_criador .media-body { width: 88%; } } @media (max-width: 1400px) { #ficha_criador2 .opiniones_profes_ficha_criador .media-body { width: 87%; } } @media (max-width: 1350px) { #ficha_criador2 #ficha_opinion_profes .opiniones_profes_ficha .media-body { width: 88%; } } @media (max-width: 1290px) { #ficha_criador2 .opiniones_profes_ficha_criador .media-body { width: 86%; } } @media (max-width: 1150px) { #ficha_criador2 #ficha_opinion_profes .box_nopago { width: 100% } #ficha_criador2 #ficha_opinion_profes .opiniones_profes_ficha .media-body { width: 91%; } #ficha_criador2 .opiniones_profes_ficha_criador .media-body { width: 85%; } } @media (max-width: 1059px) { .form_valor label {width: 100%;float: left;margin: 8px 30px 0 0;text-align: left;color: #777;} .form_opinion_profes select, .form_opinion_profes textarea { width: 100%; } #formvaloracion .bt-1 {margin-left: 0; float: right;} #formvaloracion .marg_caract_profes {margin-left: 0;} #ficha_criador2 .opiniones_profes_ficha_criador .media-body { width: 84%; } } @media (max-width: 1059px) and (min-width:769px) { .calidad_servicio_ficha .q_calidad {width: 180px;} } @media (max-width: 1024px) { #ficha_profes #ficha_criador2 .col-md-8 { width: 100% !important;} #ficha_profes #ficha_criador2 .opiniones_profes_ficha .media { width: 100%;} #ficha_criador2 #ficha_opinion_profes .opiniones_profes_ficha .media-body { width: 88%;} #ficha_criador2 .opiniones_profes_ficha_criador .media { width: 100%;} #ficha_criador2 .opiniones_profes_ficha_criador .media img { width: 80px; height: 80px;} #ficha_criador2 .opiniones_profes_ficha_criador .media-body { width: 80%; } #ficha_criador2 .opiniones_profes_ficha_criador .calidad_servicio_ficha .q_calidad { width: 71%;} } @media (max-width: 991px) { #ficha_criador2 .opiniones_profes_ficha_criador .media-body { width: 89%;} } @media (max-width: 990px) { #ficha_criador2 #ficha_opinion_profes .opiniones_profes_ficha .media-body { width: 87%;} } @media (max-width: 920px) { #ficha_criador2 #ficha_opinion_profes .opiniones_profes_ficha .media-body { width: 86%;} } @media (max-width: 892px) { #ficha_criador2 .opiniones_profes_ficha_criador .media-body { width: 88%;} } @media (max-width: 825px) { #ficha_criador2 .opiniones_profes_ficha_criador .media-body { width: 87%;} } @media (max-width: 720px) { #ficha_criador2 .opiniones_profes_ficha_criador .media-body { width: 85%;} } @media (max-width: 860px) { #ficha_criador2 #ficha_opinion_profes .opiniones_profes_ficha .media-body { width: 85%;} } @media (max-width: 800px) { #ficha_criador2 #ficha_opinion_profes .opiniones_profes_ficha .media-body { width: 87%;} } @media (max-width: 768px) { #ficha_profes #ficha_criador2 .opiniones_profes_ficha .media img, #ficha_criador #ficha_criador2 .opiniones_profes_ficha .media img { width: 60px; height: 60px;} #ficha_profes #ficha_criador2 .opiniones_profes_ficha .comment_opinion_ficha, #ficha_criador #ficha_criador2 .opiniones_profes_ficha .comment_opinion_ficha {font-size: 1.1em; padding-bottom: 10px;} } @media (max-width: 755px) { #ficha_criador2 #ficha_opinion_profes .opiniones_profes_ficha .media-body { width: 88%;} } @media (max-width: 655px) { #ficha_criador2 #ficha_opinion_profes .opiniones_profes_ficha .media-body { width: 87%;} } @media (max-width: 614px) { #ficha_criador2 #ficha_opinion_profes .opiniones_profes_ficha .media-body { width: 100%;} } @media (max-width: 450px) { #ficha_profes #ficha_criador2 .opiniones_profes_ficha .media img { width: 40px; height: 40px;} } @media (max-width: 380px) { #ficha_profes #ficha_criador2 .opiniones_profes_ficha .media img { display: none} } @media (max-width: 768px) { .form_opinion_profes { width: 100%; } .opiniones_profes_ficha .media-left{ display: none; } .q_legend {font-size: 0.7em; } .opiniones_profes_ficha .media-body {display: block;} #ficha_opinion_profes .alert-danger .alert_image { display: none; } #ficha_opinion_profes .box_opinion_media {display: inline-block; } #ficha_opinion_profes .box_opinion_media { padding: 10px 15px 15px; } #ficha_opinion_profes .alert-info { text-align: left; font-size: 1.1em; } #ficha_opinion_profes #opinabox { margin-left: 0px; margin-top: 10px;display: block; } #ficha_opinion_profes .box_opinion_media .calidad_servicio {width: 100%; display: inline-block;} #ficha_opinion_profes .box_opinion_media .calidad_servicio li {width: 50%;} .box_opinion_media .calidad_servicio .q_calidad { width: 160px; } .calidad_servicio_ficha .q_calidad {width: 160px;font-size: 0.9em;} .calidad_servicio_ficha .estrellas_prod {margin: 0px auto 10px; } .box_logado_opinion {font-size: 1.3em;} #ficha_profes #ficha_criador2 .otros_criadores_ficha { margin: 0 !important; } #ficha_profes #ficha_criador2 .smalltitle4 { font-size: 1.6em; line-height: 24px; padding-bottom: 20px; } #ficha_profes #ficha_criador2 .info_criador_ficha .media { padding-right: 110px; } #ficha_criador2 .info_criador_ficha .valoracion_media_contact .servicio24h { width: 50px; height: 46px; float: right;} #ficha_opinion_profes .box_opinion_media .calidad_servicio_criador li { width: 100%; } .box_opinion_media .calidad_servicio_criador .q_calidad {width: auto !important; } .box_opinion_media .calidad_servicio_criador .overflow {float: right; } .opiniones_profes_ficha_criador .calidad_servicio_ficha .q_calidad { width: 80% !Important; } .box_opinion_media .calidad_servicio_criador .q_calidad { width: 78% !Important; } } @media (max-width: 650px) { #ficha_criador #ficha_criador2 .info_criador_ficha .media, #ficha_profes #ficha_criador2 .info_criador_ficha .media { padding-right: 0px; } #ficha_criador #ficha_criador2 .info_criador_ficha .valoracion_media_contact, #ficha_profes #ficha_criador2 .info_criador_ficha .valoracion_media_contact { margin-bottom: 5px; font-size: 1.1em; right: auto; top: 130px; left: 19px;} #ficha_criador2 .info_criador_ficha .valoracion_media_contact .estrellas { float: left;} #ficha_criador2 .info_criador_ficha .valoracion_media_contact .servicio24h { width: 50px; height: 46px; float: left;} #ficha_criador #ficha_criador2 .info_criador_ficha .valoracion_media_contact img.img_recomend_cachorros, #ficha_profes #ficha_criador2 .info_criador_ficha .valoracion_media_contact img.img_recomend_cachorros { width: 80px !important; margin-top: 0; position: relative; top: -11px; left: 10px;} } @media (max-width: 614px) { .box_opinion_media .calidad_servicio .q_calidad {width: 145px;font-size: 13px;} #ficha_profes #ficha_criador2 .como_entrega_cachorros { column-count: 1;} .opiniones_profes_ficha_criador .calidad_servicio_ficha .q_calidad { width: 70%;} #ficha_criador2 .opiniones_profes_ficha_criador .media-body { width: 100%;} #ficha_criador2 .opiniones_profes_ficha_criador .media-left { display: none; } } @media (max-width: 600px) { .box_opinion_media .calidad_servicio_criador .q_calidad { width: 70% !Important;} } @media (max-width: 580px) { #ficha_criador2 .box_opinion_media { padding: 5px 15px 15px } } @media (max-width: 584px) and (min-width: 401px ) { .box_opinion_media .col2 {width: 100%;float: left;} .box_opinion_media .calidad_servicio .q_calidad {width: 100%;font-size: 14px;} .box_opinion_media .col2 .estrellas_prod { margin: 3px 10px 10px 0; } .box_opinion_media .col2 .estrellas_prod {margin: 4px 10px 2px 0;} .box_opinion_media .valoracion_media p {float: none;} .box_opinion_media .opinar_media { border-top: 2px dotted #ECE9E9;padding-top: 7px;margin-top: 7px; } .box_opinion_media .opinar_media strong {line-height: 1.2em;display: block;font-size: 0.9em;} } @media (max-width: 550px) { .box_opinion_media .calidad_servicio_criador .q_calidad {width: 73% !Important; } .opiniones_profes_ficha_criador .calidad_servicio_ficha .q_calidad { width: 72% !Important;} } @media (max-width: 500px) { .box_opinion_media .calidad_servicio_criador .q_calidad { width: 100% !important;} .box_opinion_media .calidad_servicio_criador .overflow { float: left; margin-top: -7px; margin-bottom: 5px; } .opiniones_profes_ficha_criador .calidad_servicio_ficha .overflow { float: left;} .opiniones_profes_ficha_criador .calidad_servicio_ficha .q_calidad { width: 100% !Important;} } @media (max-width: 400px) { .box_opinion_media .col2 {width: 100%;float: left;} .box_opinion_media .valoracion_media p {float: none;} .box_opinion_media .valoracion_media p {width: 100%;} .box_opinion_media .estrellas_prod { margin: 0 10px 10px 0; } .box_opinion_media .estrellas_prod { margin: 4px 10px 5px 0; } .box_opinion_media .opinar_media { border-top: 2px dotted #ECE9E9;padding-top: 7px;margin-top: 7px; } .box_opinion_media .opinar_media strong {line-height: 1.2em;display: block;font-size: 0.8em;} #ficha_opinion_profes .opiniones_profes_ficha { padding-bottom: 0px; margin: 20px 0 5px; } .calidad_servicio_ficha { display: table; width: 100%; } .calidad_servicio_ficha li {width: 100%;} .calidad_servicio_ficha .q_calidad {width: 155px;font-size: 0.9em;} .calidad_servicio_ficha .estrellas_prod {margin: -2px auto 10px; } #ficha_opinion_profes .col-md-8 {margin: 0 auto;padding: 0;} #ficha_opinion_profes .descrip_ciador_cont {margin: 0 0 25px;} #ficha_opinion_profes .box_opinion_media {display: inline-block; margin-bottom: 15px;padding: 10px 15px 15px;} #ficha_opinion_profes .box_opinion_media .calidad_servicio {width: 100%; display: inline-block;} #ficha_opinion_profes .box_opinion_media .calidad_servicio {width: 100%; display: inline-block;} #ficha_opinion_profes .box_opinion_media .calidad_servicio li {width: 100%; } .valoracion_media .excelente, .valoracion_media .muybuena, .valoracion_media .buena, .valoracion_media .poca {font-size: 1.2em;margin-bottom: 10px;} .title_opinion_habit {font-size: 0.7em;width: 100% !important;} .direccion_mapa_profes { font-size: 1.3em; } #contact_profes_mvl { border-top: 2px solid #ece9e9; padding-top: 15px; } #ficha_profes #ficha_criador2 h1.smalltitle { font-size: 18px !important; } } @media (max-width: 380px) { #ficha_profes #ficha_criador2 .info_criador_ficha .valoracion_media_contact, #ficha_criador #ficha_criador2 .info_criador_ficha .valoracion_media_contact { margin-bottom: 5px; font-size: 0.9em; right: 10px; top: 20px; left: auto; text-align: right;} #ficha_criador2 .info_criador_ficha .valoracion_media_contact .estrellas { float: right; margin-right:-7px;} #ficha_criador2 .info_criador_ficha .valoracion_media_contact p { width: 100%; display: inline-block; } #ficha_profes #ficha_criador2 #listado_videos.videos li {padding-left: 0;} #ficha_profes #ficha_criador2 #listado_videos.videos li div.img_video { height: auto; margin-left: 0; width: 100%; margin-bottom: 10px;} #ficha_profes #ficha_criador2 #listado_videos.videos li div.img_video img { width: 100%; } #ficha_criador2 .info_criador_ficha .valoracion_media_contact .servicio24h { width: 50px; height: 46px; float: right;} } /* ADOPCIONES ------------------------- */ .search_alone { margin-top: 15px; } .publi_adopciones { display: inline-table; margin: 0 0 20px; width: 100%; } #adopciones_list { padding: 10px 0 0; width: auto; display: table; clear: left; } #adopciones_list .searchresults { margin-top: 0; padding-top: 0; } #adopciones_list .searchresults li p.ver_telf_list a { color: #05807d; } #adopciones_list li { width: 100%; margin-right: 0; padding-top: 15px; padding-bottom: 15px; } #adopciones_list li p { margin-bottom: 5px; } #adopciones_list .btn_agregar_carrito a{ color: white; } .contacto_listado_adop { width: 130px; margin-left: 20px; float: right; } .contacto_listado_telf {text-align: right; padding-left: 2px;font-size: 17px; } .contacto_listado_telf .strong { font-size: 19px; } #adopciones_list li .title_prod { font-size: 19px; color: #05807d; } span.vendido, span.urgente { background: #d80040; text-transform: uppercase; text-decoration: none; border: none; color: #FFFFFF;display: block; font-size: 13px; font-weight: bold; height: 26px; line-height: 25px; margin-top: 125px; padding: 0 5px; position: absolute; text-align: center; width: 150px; margin-left: -160px; } span.disponible {background:#77a40a; text-transform: uppercase; text-shadow: 1px 1px 1px #000000; text-decoration: none; border: none; color: #FFFFFF;display: block; font-size: 13px; font-weight: bold; height: 26px; line-height: 25px; margin-top: 125px; padding: 0 5px; position: absolute; text-align: center; width: 141px; box-shadow: 0px -1px 2px rgba(50, 50, 50, 0.75);} span.reservado {background:#e48f20; text-transform: uppercase; text-shadow: 1px 1px 1px #000000; text-decoration: none; border: none; color: #FFFFFF;display: block; font-size: 13px; font-weight: bold; height: 26px; line-height: 25px; margin-top: 125px; padding: 0 5px; position: absolute; text-align: center; width: 141px; box-shadow: 0px -1px 2px rgba(50, 50, 50, 0.75);} .female:before { font-family: 'Simple-Line-Icons';content: "\e09c"; color: #f45a80; font-size: 18px; padding: 0 10px;} .male:before { font-family: 'Simple-Line-Icons';content: "\e09d"; color: #449ef1; font-size: 18px; padding: 0 10px; } #ficha_adopcion .protect_datos { margin-bottom: 40px; text-align: center; } #ficha_adopcion .protect_datos_lat {margin-right: 50px;display: table; } #ficha_adopcion .protect_datos_lat h3 { margin-top: 0; color: #888; font-weight: bold; } #ficha_adopcion .protect_datos_lat h2 { margin-top: 0; font-size: 18px; } #ficha_adopcion .col-md-5 { padding-right: 0; } #ficha_criador2 .col-md-5 { padding-right: 0; } #ficha_adopcion .mosaic { display: block; } #ficha_adopcion .mosaic img { width: 70px;height: 70px;margin: 5px 10px;float: left; padding: 0; } .protect_datos_img { position: relative; } .protect_datos_img .foto_princ_adop { position: relative; } .protect_datos_img .foto_princ_adop a:hover { text-decoration: none; } .protect_datos_img span.urgente { width: 200px; text-decoration: none; background: rgba(216, 0, 64, 0.8); position: relative; font-size: 20px;font-weight: bold;height: 40px;line-height: 39px; margin: 0 auto; bottom:30px; } #ficha_adopcion a.bt-green-s { margin-top: 15px; } #ficha_adopcion address { margin-bottom: 0; } #ficha_adopcion .media-left span.urgente { margin-top: 72px; padding: 0 5px; position: absolute; text-align: center; width: 75px; margin-left: 0;} .caract_animal_adop { font-size: 1.2em; margin-bottom: 20px; } .caract_animal_adop .datos_adoptado { margin-right: 45px; } .caract_animal_adop .social-buttons { margin-bottom: 15px; } .social-buttons .tweet { float: left; margin-right: 30px; margin-top: 4px;} #ficha_adopcion #vermapa { padding-bottom: 15px; display: inline-block; } #ficha_adopcion h1.smalltitle { margin-right: 45px; border: none !Important; } #ficha_adopcion p.smalltitle { color: #888; } #ficha_adopcion .info_criador_ficha { margin-bottom: 10px; } #ficha_adopcion .descipcion_criador_ficha .bg-warning { padding: 10px; margin-bottom: 15px; border: 2px solid #f2ebc6; } #ficha_adopcion .descipcion_criador_ficha .bg-warning p { margin-bottom: 0; } .datos_adoptado .alert { font-size: 18px;text-align: center;margin-top: 20px;display: inline-block; width: 100%; } .datos_adoptado .alert a { color: #a94442; text-decoration: underline; } .datos_adoptado { margin-right: 45px; } #ficha_criador2 .publi_criadores_ficha .alert-danger .mega { font-size: 3.2em; float: left; -ms-transform: rotate(280deg); -webkit-transform: rotate(280deg); transform: rotate(280deg); margin-top: -3px;} .list_adopciones_ficha { margin-bottom: 30px; } .list_adopciones_ficha ul { display: block; } .list_adopciones_ficha ul li { width: 25%; float: left; padding-right: 15px; } .list_adopciones_ficha ul li img { width: 100%; } .list_adopciones_ficha ul li p { height: 35px; line-height: 16px;color: #555; overflow: hidden; display: block; font-size: 14px; margin-top: 5px; margin-bottom: 20px; font-style: italic; } .list_adopciones_ficha .link_seguir { margin-bottom: 50px !important } .publi_adop_ficha { float: right; margin-top: 35px; } .publi_adop_ficha2 { float: right; margin-top: 35px; } @media (max-width: 1180px) { #ficha_criador2 #ficha_adopcion .info_criador_ficha .media { width: 70%; } #ficha_criador2 .publi_criadores_ficha .alert-danger .mega { font-size: 2.2em; padding-right: 3px;} } @media (max-width: 1150px) { .tienda_prods_adop { display: none; } #ficha_adopcion .col-lg-3, #ficha_adopcion .col-md-4 { text-align: center; width: 100%;} #ficha_adopcion #div-gpt-ad-1392310915116-0 { text-align: center; display: inline; } } @media (max-width: 1024px) { #ficha_criador2 #ficha_adopcion .info_criador_ficha { padding: 10px;} } @media (max-width: 991px) { .publi_adop_ficha {float: none; margin: 20px auto; display: table; } .publi_adop_ficha2 { float: none; display: none;} .box_criador_ficha_datos:nth-of-type(2) { margin-bottom: 20px; } } @media (width: 1024px) { .publi_adop_ficha { } } @media (max-width: 1000px) and (min-width: 769px) { .contacto_listado_adop { width: 85px;margin-left: 15px;float: right;} #adopciones_list li .title_prod {font-size: 16px;} #adopciones .tcenter2 { display: none; } .contacto_listado_telf .strong {font-size: 16px;} #adopciones_list .contacto_listado_adop .btn_agregar_carrito a { width: 100px !important; font-size: 15px !important;} #ficha_adopcion .tienda_prods_adop { display: none; } } @media (max-width: 768px) { .contacto_listado_adop { width: 85px;margin-left: 15px;float: right;} #adopciones_list li .title_prod {font-size: 16px;} #adopciones #left_list {display: block; margin: 10px 10px 20px !important; width: 95%; } #adopciones .tcenter2 { display: none; } #adopciones #adopciones_list li { padding: 10px 10px 0 95px; height: auto; } #adopciones #adopciones_list li img { width: 80px; height: 80px; margin-left: -85px; } .contacto_listado_telf .strong {font-size: 14px;} span.vendido, span.urgente { margin-top: 80px; width: 80px;margin-left: -85px;} #adopciones_list li .btn_agregar_carrito a {width: 76px;font-size: 13px !important;} #adopciones #adopciones_list {margin-top: 0px;} #ficha_adopcion { padding: 0 15px; } #ficha_adopcion .cabecera { margin: 20px 0 0 !important; } #ficha_adopcion .tienda_prods_adop { display: none; } #ficha_adopcion .mosaic { margin-top: 15px; } .protect_datos_img .zoom_image {width: 300px;margin-bottom: 18px;} #ficha_adopcion .mosaic img {width: 65px;height: 65px;margin: 5px;} #ficha_adopcion .otros_criadores_ficha li { width: 100%; } .datos_adoptado { margin-right: 0; } #ficha_adopcion .protect_datos_lat { margin-right: 0; } .datos_adoptado .alert { margin-bottom: 10px; } #adopciones_list .ver_telf_click { padding-top: 2px; } #adopciones_list .icon-call-out { display: inline-table; font-size: 18px; margin-right: 18px; padding-top: 0;} #adopciones_list .ver_telf_list strong{ display: none; } .list_adopciones_ficha { margin-bottom: 10px; } .list_adopciones_ficha ul li{ width: 33%; } #ficha_criador2 .publi_criadores_ficha .alert-danger { text-align: left; margin-top: 20px; clear: both; display: inline-block; } #ficha_criador2 #ficha_adopcion .box_criador_ficha_datos { padding: 0; } #ficha_criador2 #ficha_adopcion .descipcion_criador_ficha { padding: 0 !Important; margin-bottom: 20px;} } @media (max-width: 535px) { #ficha_adopcion .protect_datos { margin-bottom: 0; } #ficha_adopcion .protect_datos_lat h3 { font-size: 20px; } .list_adopciones_ficha ul li{ width: 50%; } } @media (max-width: 320px) { .protect_datos_img span.urgente { width: 290px;} #ficha_adopcion .col-lg-3 { margin-left: -5px; } } @media (width: 1024px) { #ficha_adopcion .col-md-8 { width: 69% !important; } #ficha_adopcion .tienda_prods_adop { display: block !Important; } #ficha_adopcion .lista_productos_4_horiz { display: block !Important; } #ficha_adopcion .col-md-4 {width: 30% !important; } } /* Increase_points ------------------------- */ .cab_increase { background: #f3f3f3 url(/img/responsive/increase.jpg) no-repeat right center; border: 2px solid #f1f1f1; padding: 20px; margin: 20px 0 30px; font-size: 1.6em; } .cab_increase h1 { margin: 0; color: #ba0037 !important; } .cab_increase h1, .cab_increase p { width: 50%; } #increase_points li { padding-left:80px; margin-bottom: 30px; } #increase_points span { font-size: 4em; float: left; margin-left: -80px; color: #d3d3d3 !important; } #increase_points li p.title_increase { font-size: 1.5em; margin-bottom: 5px; color: #ba0037 !important;} #increase_points li p { font-size: 1.2em;} #increase_points li .square li { padding-left: 0; margin-bottom: 8px; } @media (max-width: 1100px) { .cab_increase{ background: #f3f3f3 url(/img/responsive/increase.jpg) no-repeat right center; padding: 0; } .text_cab_increase { background: rgba(255, 255, 255, 0.5); padding: 15px; } .cab_increase h1, .cab_increase p { width: 70%; } } @media (max-width: 768px) { .cab_increase{ background: #f3f3f3 url(/img/responsive/increase.jpg) no-repeat right bottom; padding: 0; } .text_cab_increase { background: rgba(255, 255, 255, 0.8); padding: 15px; } .cab_increase h1, .cab_increase p { width: 90%; } #increase_points { margin: 15px; } } @media (max-width: 500px) { #increase_points li { padding-left:60px; margin-bottom: 30px; } #increase_points span { font-size: 3em; float: left; margin-left: -60px; color: #999; } #increase_points li {padding-left: 0 !important;} #increase_points span {margin-left: 0 !important; margin-bottom: 8px; } #increase_points p { clear: both; } #increase_points p.title_increase { clear: none; padding-left: 50px; line-height: 1.1em; } } @media (max-width: 320px) { .cab_increase {font-size: 1.3em;line-height: 1.3em; background: #f3f3f3; background-image: none; } .text_cab_increase { background: #f3f3f3; padding: 15px; } .cab_increase h1 {font-size: 30px !Important; line-height: 30px; margin-bottom: 5px !Important;} #increase_points li { padding-left:50px; margin-bottom: 30px; } #increase_points span { font-size: 2.5em; float: left; margin-left: -50px; color: #999; } #increase_points li p.title_increase {font-size: 1.4em; line-height: 1.2em;} } /* LANDING APP ------------------------- */ .header_app { width:100%; height:440px; background-image:url('/img/responsive/app_landing/bg_header.jpg'); background-size:cover; background-position: -150px bottom; } .text_header_app {margin-top: 70px; position: relative; display: inline-block; line-height: 42px; margin-left: 400px; width:580px; font-size: 36px; padding: 15px 25px; background-color: rgb(255, 255, 255); /* RGBa with 0.6 opacity */ background-color: rgba(255, 255, 255, 0.7); -webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px; } .text_header_app strong { font-size: 40px; } .btn_app_store { width: 209px; margin: 10px 20px 0 0; height: 73px; display: block; float: left; background-image:url('/img/responsive/app_landing/disponible_iphone.png'); background-repeat: no-repeat; } .btn_google_play { width: 215px; margin-top: 10px; height: 73px; display: block; float: left; background-image:url('/img/responsive/app_landing/disponible_android.png'); background-repeat: no-repeat;} .header_right_app { position: absolute; top: -68px; right: -430px; width: 279px; margin: 10px 20px 0 0; height: 549px; display: block; background-image:url('/img/responsive/app_landing/header_right.png'); background-repeat: no-repeat; } .header_left_app { position: absolute; top: -68px; right: -256px; z-index: 888; width: 279px; margin: 10px 20px 0 0; height: 549px; display: block; background-image:url('/img/responsive/app_landing/header_left.png'); background-repeat: no-repeat; } .first_div_app { width: 100%; background: #f5f5f5; height: 495px; border-bottom: 1px solid #dce0e0; } .cont_izq_app { top: 80px;right: 270px; float: left; width: 425px; margin: 10px 20px 0 0; height: 484px; display: block; background-image:url('/img/responsive/app_landing/cont_izq.jpg'); background-repeat: no-repeat; } .text_der_app { text-align: left;padding-top: 140px;display: table;font-size: 25px; padding-right: 150px; } .first_div_app h3.smalltitle, .second_div_app h3.smalltitle { border: none !Important; margin: 30px 0 10px; } .second_div_app { width: 100%; background: #FFF; height: 553px; border-bottom: 1px solid #dce0e0; } .cont_der_app { top: 80px;right: 0;float: right; width: 460px; margin: 10px 0 0 0; height: 549px; display: block; background-image:url('/img/responsive/app_landing/cont_der.jpg'); background-repeat: no-repeat; } .text_izq_app { text-align: left;padding-top: 140px;display: table;font-size: 25px; padding-right: 30px; } .third_div_app { width: 100%; background: #f5f5f5; height: 595px; border-bottom: 1px solid #dce0e0; position: relative; margin-bottom: -30px; } .btn_app_store , .btn_google_play { display: inline-block; float: none; } .third_div_app p { text-align: center;font-size: 30px;clear: both;padding-top: 100px;display: block; color: #666666; } .qr_izq_app { left: 100px;top: 58px; width: 639px;position: absolute; height: 540px; display: block; background-image:url('/img/responsive/app_landing/qr_iphone.png'); background-repeat: no-repeat; } .qr_der_app { position: absolute; top: 77px; right: 120px; width: 583px; height: 510px; margin: 10px 0 0 0; display: block; background-image:url('/img/responsive/app_landing/qr_samsung.png'); background-repeat: no-repeat; } .flecha_izq_app { left: 709px;top: 261px; width: 122px;position: absolute; height: 126px; display: block; background-image:url('/img/responsive/app_landing/flecha_iphone.png'); background-repeat: no-repeat; } .flecha_der_app { right: 740px;top: 280px; width: 122px;position: absolute; height: 126px; display: block; background-image:url('/img/responsive/app_landing/flecha_android.png'); background-repeat: no-repeat; } @media (max-width: 1800px) { .qr_izq_app { background-size: 100%; left: 140px; width: 449px; height: 379px; top: 57px; } .qr_der_app { background-size: 100%; width: 449px; right: 100px; height: 378px; top: 47px; } .third_div_app {height: 435px;} .third_div_app p {padding-top: 70px;} .flecha_izq_app {left: 610px;top: 230px;} .flecha_der_app {right: 620px; top: 240px;} } @media (max-width: 1600px) { .header_app {background-position: -222px bottom; } .text_header_app { margin-left: 300px; } .cont_izq_app { background-size: 100%; width: 400px; height: 442px; } .cont_der_app { background-size: 100%; width: 400px; height: 480px; } .first_div_app {height: 452px;} .text_der_app { padding-top: 130px;} .second_div_app {height: 489px;} .text_izq_app {padding-top: 90px;} .qr_izq_app { background-size: 100%; left: 40px; width: 449px; height: 379px; top: 57px; } .qr_der_app { background-size: 100%; width: 449px; right: 0; height: 378px; top: 47px; } .flecha_izq_app {left: 530px;top: 230px;} .flecha_der_app {right: 530px; top: 240px;} } @media (max-width: 1400px) { .text_header_app { margin-left: 200px; } .cont_izq_app { background-size: 100%; width: 350px; height: 385px; } .cont_der_app { background-size: 100%; width: 350px; height: 420px; } .text_der_app { font-size: 23px; padding-top: 90px; } .first_div_app {height: 396px;} .second_div_app {height: 429px;} .text_izq_app {padding-top: 60px; font-size: 23px; } .qr_izq_app { background-size: 100%; left: 40px; width: 449px; height: 379px; top: 57px; } .qr_der_app { background-size: 100%; width: 449px; right: 0; height: 378px; top: 47px; } .flecha_izq_app {left: 450px;top: 230px;} .flecha_der_app {right: 450px; top: 240px;} .qr_izq_app {background-size: 100%;left: 40px;width: 390px;height: 329px;top: 107px;} .qr_der_app { background-size: 100%; width: 390px; right: 0; height: 341px; top: 85px; } } @media (max-width: 1300px) { .text_header_app { margin-left: 200px; margin-top: 34px; } .header_app {height: 350px; background-position: -180px bottom;} .header_left_app { background-size: 80%; top: -32px; right: -263px; } .header_right_app { background-size: 80%; top: -32px; right: -404px; } .text_header_app { line-height: 39px;font-size: 33px; } .text_header_app strong {font-size: 36px; } .btn_app_store, .btn_google_play { background-size: 90%;width: 190px;height: 65px;} .btn_app_store { margin-right: 15px; } .flecha_izq_app {left: 390px;top: 190px;} .flecha_der_app {right: 390px; top: 190px;} .qr_izq_app { background-size: 100%; left: 0px; width: 360px; height: 304px; top: 70px;} .qr_der_app { background-size: 100%;width: 350px;right: 0;height: 341px;top: 58px; } .third_div_app p {padding-top: 50px;} .third_div_app {height: 374px;} } @media (max-width: 1200px) { .text_header_app {margin-left: 200px;margin-top: 24px;} .header_app {height: 300px; background-position: -180px bottom;} .header_left_app { background-size: 100%; top: -32px; right: -130px;width: 195px; height: 400px; } .header_right_app {background-size: 100%;top: -32px;right: -254px; width: 195px; height: 400px;} .text_header_app { line-height: 34px; font-size: 28px;} .text_header_app strong {font-size: 33px; } .text_header_app strong {font-size: 26px; } .btn_app_store, .btn_google_play { background-size: 90%;width: 190px;height: 65px;} .btn_app_store { margin-right: 15px; } .flecha_izq_app {left: 390px;top: 190px;} .flecha_der_app {right: 390px; top: 190px;} .qr_izq_app { background-size: 100%; left: 0px; width: 360px; height: 304px; top: 70px;} .qr_der_app { background-size: 100%;width: 350px;right: 0;height: 341px;top: 58px; } .third_div_app p {padding-top: 50px;} .third_div_app {height: 374px;} .text_der_app {padding-right: 120px;} .text_der_app {font-size: 21px;padding-top: 90px;} .first_div_app h3.smalltitle, .second_div_app h3.smalltitle { font-size: 30px;} } @media (max-width: 1070px) { .text_header_app {margin-left: 150px;} } @media (max-width: 1150px) { .qr_izq_app {width: 320px;height: 270px;} .qr_der_app {width: 300px;height: 262px; top: 68px;} .flecha_izq_app {left: 350px;top: 190px;background-size: 100%;width: 84px;} .flecha_der_app { background-size: 100%;width: 84px; right: 330px; } .third_div_app { height: 341px;} .cont_izq_app {background-size: 100%;width: 280px;height: 308px; margin-top: 30px;} .cont_der_app {background-size: 100%;width: 300px;height: 358px; margin-top: 30px;} .first_div_app {height: 339px;} .second_div_app {height: 389px;} .text_der_app {padding-right: 30px; font-size: 22px; padding-top: 65px;} .text_izq_app { font-size: 22px; padding-left: 10px; padding-top: 42px; } .first_div_app h3.smalltitle, .second_div_app h3.smalltitle {font-size: 28px;} } @media (max-width: 1000px) { .header_app {height: 250px;} .header_left_app { background-size: 100%; top: -14px; right: -80px;width: 165px; height: 350px; } .header_right_app {background-size: 100%;top: -14px;right: -184px; width: 165px; height: 350px;} .text_header_app strong {font-size: 29px;} .btn_app_store, .btn_google_play {width: 145px; background-size: 100%;} .text_header_app {margin-top: 15px; margin-left: 130px; padding: 10px 25px 0; line-height: 32px;} } @media (max-width: 950px) { .third_div_app {height: 220px;} .flecha_izq_app, .flecha_der_app, .qr_izq_app, .qr_der_app { display: none; } .first_div_app h3.smalltitle, .second_div_app h3.smalltitle {font-size: 26px;} .text_der_app {font-size: 19px; } .text_izq_app {font-size: 19px; } } @media (max-width: 910px) { .text_header_app {margin-left: 120px; } .header_app { background-position: -140px bottom;} .header_left_app {right: -30px; width: 160px} .header_right_app { right: -110px; width: 160px } .first_div_app h3.smalltitle, .second_div_app h3.smalltitle {font-size: 25px;} .cont_izq_app {background-size: 100%;width: 250px; height: 276px;} .cont_der_app {background-size: 100%;width: 250px; height: 300px;} .first_div_app {height: 306px;} .text_der_app {padding-top: 55px; } .second_div_app {height: 330px;} .text_izq_app {padding-top: 25px;} } @media (max-width: 850px) { .header_app { background-position: -140px bottom;} .header_left_app { display: none; } .header_right_app { right: -45px; } .text_der_app {padding-top: 35px;} .cont_izq_app {width: 190px;height: 209px;} .cont_der_app {background-size: 100%;width: 190px; height: 253px;} .text_der_app {font-size: 17px; padding-right: 20px;} .first_div_app {height: 263px; } .second_div_app {height: 284px;} .text_izq_app {font-size: 17px; padding-top: 14px;} } @media (max-width: 768px) { .cont_izq_app {width: 150px;height: 165px; margin-top: 30px; margin-left: 10px;} .cont_der_app {background-size: 100%;width: 150px; height: 180px; margin-top: 30px; margin-right: 10px; } .header_left_app, .header_right_app { display: none; } .text_header_app { width: auto; text-align: center; margin: 30px auto 0; font-size: 26px;line-height: 28px; display: table; } .text_header_app strong {font-size: 27px;} .text_der_app {padding-top: 15px;} .text_izq_app { padding-left: 20px; padding-top: 15px} .second_div_app {height: 265px;} .third_div_app { height: auto; padding: 30px 10px;} .third_div_app p {text-align: center;font-size: 28px; padding-top: 0; } } @media (max-width: 650px) { .first_div_app h3.smalltitle, .second_div_app h3.smalltitle { font-size: 19px !important; margin: 10px 0;} .first_div_app {height: auto; padding: 30px 0;} .second_div_app {height: auto; padding: 30px 0;} .text_der_app {padding-top: 0px;} .text_izq_app {padding-left: 20px;padding-top: 0;} } @media (max-width: 450px) { .first_div_app h3.smalltitle, .second_div_app h3.smalltitle { font-size: 18px !important; margin-bottom: 10px;} .text_der_app, .text_izq_app { width: 100%; display: block; padding: 15px; } .cont_izq_app, .cont_der_app { margin: 0 auto;float: none;} .third_div_app { height: auto; padding: 30px 10px;} .third_div_app p {text-align: center;font-size: 25px; padding-top: 0; } } @media (max-width: 440px) { .header_app {height: 233px;} .text_header_app { font-size: 21px;line-height: 25px; padding: 10px 10px 0;} .text_header_app strong {font-size: 25px;} .btn_app_store, .btn_google_play {width: 145px; height: 55px;} } @media (max-width: 385px) { .header_app {height: 202px; background-position: -121px bottom;} .text_header_app strong {font-size: 19px;} .text_header_app {font-size: 16px;line-height: 22px; padding: 10px 15px 0;} .btn_app_store, .btn_google_play {width: 115px;height: 55px;background-size: 100%; margin-top: 5px; height: 48px;} .btn_app_store {margin-right: 10px;} } @media (max-width: 310px) { .text_header_app strong {font-size: 18px;} .text_header_app {padding: 10px 5px 0;} } /* DARSE DE ALTA ------------------------- */ #registro_usu .titletop {width: 100%;font-family: 'Oswald', sans-serif;color: #333;line-height: 30px;font-size: 30px;display: inline-table;font-weight: normal;text-transform: uppercase;border-bottom: 2px solid #ECE9E9;margin: 27px 0 25px;padding-bottom: 5px;} .form-horizontal .formerror { color:#dd0000; margin-bottom: 5px; } .form-horizontal .bg-info { padding: 15px;font-size: 1.3em; border-radius: 4px; } .form-horizontal .bg-info h2 { margin: 0 0 8px; font-size: 1.6em; } .form-horizontal .bg-info .small {font-size: 0.9em; } .form-horizontal .help-block { margin-bottom: 0; } #bloqueprof { border-top: 1px dashed #c2c2c2; margin-top: 15px; display: table; width: 100%; padding-bottom: 5px; } #bloqueprof .col-3 {padding: 0;margin-top: 8px; margin-left: 20px; width: 30%; float: left; font-size: 0.9em; } .bs-beneficios-alta { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; float: right; width: 90%; padding: 20px; } .bs-beneficios-alta h2 { margin: 0 0 15px; font-size: 25px; } .checkmark:before {font-size: 18px; float: left; text-align: center; content: "\e020"; display: inline-block; font-family: 'dripicons'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #739b0d; font-size: 16px; margin: 0 8px; } .form-horizontal .submit {background-color: rgba(0, 97, 114, 0.7); border: none; margin-top: 10px; padding: 10px 30px; color: white; font-size: 20px; border-radius: 4px; } .form-horizontal .submit:hover { text-decoration: none; } .requeridos { font-size: 1.2em; font-style: italic; } .login_bg { background: #F6F6F6; border: 2px solid #E2E2E2; padding: 5px 20px; margin-top: 30px; border-radius: 4px; } #login_beneficios .bt-green { background-color: rgba(0, 97, 114, 0.7); border: none; margin-top: 10px; padding: 10px 30px; color: white; font-size: 20px; border-radius: 4px; } .ma-facebook-box{ text-align: center; margin: 0 0 30px; } .ma-facebook-btn{ display: inline-block; background-color: #4267b2; min-width: 220px; line-height: 1; font-size: 16px; color: #FFF; text-decoration: none; padding: 8px 15px; border: 1px solid #4267b2; border-radius: 4px; box-shadow: 0 1px 0 0 #29487d; transition: all .2s ease; cursor: pointer; margin-bottom: 4px; } .ma-facebook-btn:hover{ background-color: #365899; border-color: #29487d; } .ma-facebook-btn:disabled{ background-color: #E0E0E0; border-color: #9E9E9E; box-shadow: none; cursor: not-allowed; } .ma-facebook-btn:disabled .ma-facebook-btn-txt{ color: #000; } .ma-facebook-btn-img{ display: inline-block; vertical-align: bottom; } .ma-facebook-btn-txt{ display: inline-block; padding: 0 0 2px 8px; } .ma-facebook-box-info{ margin: 0; font-size: 11px; color: #999; } .ma-facebook-box-separator{ position: relative; margin: 15px 0; } .ma-facebook-box-separator span{ position: relative; display: inline-block; width: 30px; margin: 0 auto; color: #999; background-color: #F6F6F6; z-index: 1; } .ma-facebook-box-separator:before{ content: ''; position: absolute; top: 10px; left: 10%; width: 80%; height: 1px; background-color: #C1C1C1; } @media (max-width: 1150px) { #registro_usu .col-md-4 { width: 100%; } .bs-beneficios-alta { width:83.33333333333334%; float: right; } #login_beneficios .bs-beneficios-alta { width:100%; float: none; } .login_bg { margin-top: 8px; } } @media (width: 1024px) { #registro_usu .col-md-8 { width: 65% !important;display: block !important;} #registro_usu .col-md-4 { width: 35% !important;display: block !important;} .bs-beneficios-alta h2 {font-size: 22px; } } @media (width: 768px) { #registro_usu .col-md-4 {width: 100% !Important;} } @media (max-width: 768px) { #registro_usu .titletop { margin: 30px 10px 6px; font-size: 27px; width: 94%; } .form-horizontal .form-group { margin: 10px 0 0; } .bs-beneficios-alta { width: 92%;float: none;margin: 0 auto; } .bs-beneficios-alta h2 { font-size: 19px; } #bloqueprof .col-3 {padding: 0;margin-top: 8px; width: 90%; } .checkmark:before { margin: 0 6px 8px 0; } .form-horizontal .bg-info h2 {margin: 0 0 8px;font-size: 1.3em;} .form-horizontal .submit { width: 100%; } .login_bg { margin: 20px 10px 20px; width: 95%; padding: 0 10px; } .login_bg .titletop {margin: 20px 10px 6px !important; font-size: 24px !important;} #login_beneficios .bs-beneficios-alta { width: 92%;float: none;margin: 0 auto; } #windowsesion { margin: 0;} #windowsesion .form-horizontal .form-group {margin: 0 0 10px;} #windowsesion .modal-body { padding: 20px 0 2px;} } /* MERIAL LANDING ------------------------- */ #merial_landing .col-lg-9 { padding-right: 45px; margin-bottom: 50px; } #merial_landing .col-lg-3 { padding: 0; margin-top: 20px; } .banner_landing_merial { margin: 20px auto; text-align: center; } .banner_landing_merial img { margin: 0 auto; } #merial_landing h3 {font-size: 18px; font-weight: bold; line-height: 24px; color: #666; } #merial_landing h1.titletop { color: #333; } .video_merial { float: left; margin: 20px 20px 20px 0; width:460px; } @media (max-width: 1150px) { #merial_landing .col-lg-9 { padding-right: 0; margin-bottom: 20px; } .banner_landing_merial { margin: 20px auto; text-align: center; } #merial_landing .lista_productos_4_horiz { display: block; } #merial_landing .col-md-4 { width: 100%; } #merial_landing .lista_productos_4_horiz li { width: 47%; } #merial_landing h1.titletop {font-size: 32px; } } @media (max-width: 768px) { #merial_landing { padding: 0 10px; } .banner_landing_merial .mobile_banner_small { display: block; height: auto; } #merial_landing h1.titletop { font-size: 24px; } #merial_landing h3 { font-size: 16px; line-height: 20px; } .video_merial { float: none; margin: 20px 0; width:100%; } } @media (max-width: 600px) { #merial_landing .lista_productos_4_horiz li { width: 100%; } } /* FOROS -------------------------------------------------------------------------------------- */ .leaderboard2 {background: white;margin: 5px 10px 7px;padding: 8px 5px;text-align: center;clear: both;} .leaderboard2 img { border: 1px solid #efefef; } .leaderboard2 div { margin: 0 auto; } .eres_criador_tit .icon-note {color: #777;float: left;font-size: 25px;margin-right: 8px;margin-top: -5px;} .photo_cat_foros { border: 1px solid #ECE9E9; border-radius: 5px; box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4); } /* ranking usuarios */ dl.user_ranking dt span {position:absolute;width:20px;height:20px;background:#cc0033;font-weight:bold;color:#fff;text-align:center;margin-left:-90px; ;z-index:1;} dl.user_ranking dt img {z-index:0;} #list_foros .col-md-9 { padding: 0 20px 0 0; } #list_foros .col-md-3 { margin-top: 20px; } .box_razas_foro { border: 2px solid #ECE9E9; display: inline-block; width: 100%; background: #eeeeee; margin: 20px 0; padding: 15px;} .box_razas_foro h1 { margin: 0 0 2px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.8em; line-height: 26px; } .box_razas_foro a.newtopic { background: #49bbb5; color: white; border: none; float: left; font-weight: normal !Important; font-size: 1.3em; padding: 5px 15px; margin-top: 10px; } .box_razas_foro .media-left { margin-bottom: 5px; float: left; margin-right: 10px;} .box_razas_foro .media-body { width: 90%; vertical-align: top; float: left; padding: 0 10px 10px 0;} .box_razas_foro .media-body h1, .box_razas_foro .media-body p { width: 100%; } .box_razas_foro .media-body p.unete_comunid_foro { width: auto; padding-top: 16px; font-size: 1.2em; float: right; } .box_razas_foro .media-body p.unete_comunid_foro a:hover { text-decoration: none; } .box_razas_foro .media-body p.unete_comunid_foro .icon-users { font-size: 1.3em; position: relative; top: 2px; left: -2px; } .box_foro_lateral { border: 2px solid #ECE9E9; padding: 10px 10px 15px; width: 100%; display: inline-block; margin-bottom: 20px;} .box_foro_lateral h3 { margin-top: 0; font-size: 1.4em; margin-bottom: 7px; color: #555; } .miembros_activos_foro .media-body p { margin-bottom: 0px; } .miembros_activos_foro .media img { width: 50px; height: 50px; } .box_foro_lateral .media { margin-top: 2px; position: relative; overflow: visible; } .box_foro_lateral .media .ribbon { position: absolute; left: -1px; top: 1px; } #foros .otros_foros_box { border: 2px solid #ECE9E9; display: inline-table; width: 100%; background: #F2F2F2;; margin: 20px 0 20px; padding: 15px; } #foros .otros_foros_box h4{ margin: 0 0 7px; padding: 0; font-size: 1.6em; line-height: 1em; color: #555; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border: none; text-transform: none; } #foros .otros_foros_box ul { margin: 0 !important; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } #foros .otros_foros_box ul li.media { margin-top: 0; padding-right: 20px; } #foros .view_more, .box_foro_lateral .view_more { color: #05807d; float: right; border: 2px solid #05807d; font-size: 1.1em; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; font-weight: bold;} #foros .col-md-9 { padding-left: 0; } #foros .col-md-3 { padding-right: 0; } /* barra usuarios conectados */ /* barra usuarios conectados */ #barra_usuarios_conectados { background: #f5f5f5; width: 200px; padding-bottom:10px; position: fixed; bottom:-1px; right: 20px; z-index: 999999999; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; -webkit-box-shadow: 0px -1px 3px 0px #666; box-shadow: 0px -1px 3px 0px #666; } .header_usuarios_conectados { color:#FFF; font-size: 1.2em; padding-top: 7px; margin-bottom: 10px; text-align: center; width: 200px; height: 29px; background: #676767; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; /* Old browsers */background: -moz-linear-gradient(top, #676767 0%, #363636 99%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676767), color-stop(99%,#363636)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #676767 0%,#363636 99%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #676767 0%,#363636 99%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #676767 0%,#363636 99%); /* IE10+ */background: linear-gradient(to bottom, #676767 0%,#363636 99%); } .header_usuarios_conectados a { color:#FFF; text-decoration: none;} #barra_usuarios_conectados ul { max-height: 190px; overflow-y: auto; margin-right: 5px; } #barra_usuarios_conectados ul li { display: block; vertical-align:middle; width: 100%; height: 36px; line-height: 36px; } #barra_usuarios_conectados ul li a { text-decoration: none; color:#414141; } #barra_usuarios_conectados ul li a img { float: left; margin:5px 5px 0 8px; width: 31px; } #barra_usuarios_conectados ul li a img { float: left; margin:5px 5px 0 8px; width: 31px; } /* TEMA CERRADO */ .tema_cerrado { background: #f2dede; border-top: 1px dashed #a94442; border-bottom: 1px dashed #a94442;font-size: 26px;padding-left: 25px;display: block;padding: 13PX;text-align: center; color: #a94442; margin: 30px 0; } /* ultimas discusiones */ #factivos {margin:0px auto 10px auto;padding:0;list-style:none;overflow:hidden;line-height:1.4em;width:100%; font-size: 1.05em;} #factivos li {border-bottom:1px solid #dfdfdf;padding:0px;float:left;width:100%;background: #fbfafa; /* Old browsers */ background: -moz-linear-gradient(left, #fbfafa 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fbfafa), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #fbfafa 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #fbfafa 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #fbfafa 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to right, #fbfafa 0%,#ffffff 100%); /* W3C */ padding-left:5px;} #factivos li.destacados_foro {border-bottom:1px solid #d1d1d1;padding:0px;float:left;width:100%;padding-left:5px;background: #F2F2F2; color:#2b2b2b; } #factivos li.destacados_foro .ddautor, #factivos .destacados_foro .ddrespuestas {border-left:1px solid #d1d1d1; } #factivos dl {margin:0;padding:0;list-style:none;padding:10px 0;overflow:auto;float:left;width:100%;} #factivos ul {overflow:hidden;} #factivos a {text-decoration:none;} #factivos a:hover {text-decoration:underline;} #factivos dl .small {font-size:0.9em;} #factivos dl dt {width:80%;float:left;margin:0;padding-right:10px; padding-left: 95px;} #factivos dl dt a img.img-circle { float: left; margin-left: -85px; width: 75px; } #factivos dl dt a.strong {font-size:1.1em;color:#006172;text-decoration:underline; float: none; display: block; } #factivos dl dt p {padding-top:3px;line-height:1.4em; width: 85%; float: left; font-weight: normal; } #factivos dl dt p.small { margin-bottom: 5px; } #factivos dl dd {float:left;display:block;text-align:center;margin:0;padding:0;} #factivos dl dd.ddautor {border-left:1px solid #DFDFDF; line-height:1.6em; text-align:left; } #factivos dl dd.ddautor p {padding-left:10px;} #factivos dl dd.ddautor img {width:50px;} #factivos dl dd.ddrespuestas {border-left:1px solid #DFDFDF; text-align:left; width:20%; min-height: 35px;} #factivos dl dd.ddrespuestas .num_resp {font-size: 1.2em; margin-bottom: 5px; } #factivos dl dd.ddrespuestas .icon-bubbles {font-size: 1.2em; position: relative; top: 2px; } #factivos dl dd.ddrespuestas p {padding-left:10px;} .tema_cerrado_foro { width: 10%; font-size: 12px; color: #6d6d6d; float: right; background:url("/img/new/sprite.png") no-repeat scroll left -925px transparent; padding-left: 25px; line-height: 10px; font-size: 10px; margin-top:5px; height: 25px; } .tema_cerrado_foro p { margin: 0; padding: 2px 0 0 0; line-height: 10px !important; } #factivos.full dl dt {width:55%;float:left;margin:0;padding-right:10px;} #factivos.full dl dd.ddautor {border-left:1px solid #DFDFDF; line-height:1.6em; text-align:left; width:28%; height: 75px;} #factivos.full dl dd.ddnumposts {border-left:1px solid #DFDFDF; line-height:1.6em; text-align:left; width:12%; height: 75px;} #factivos.full dl dd.ddnumposts p {padding-left:10px;} #factivos.full dl dd.ddnumposts img {width:50px;} #foros.subforo ul {background:none;overflow:hidden;margin-left:5px;;padding:0;} #foros.subforo ul li p {padding-left:60px;} #foros.subforo ul li p a {font-weight:bold;} #foros.subforo ul li p img {border:3px solid #fff;margin-left:-60px;position:absolute; width: 55px;} #foros.subforo ul li { font-size: 1.1em; float: left; width: 32.6%; margin: 4px 0 0; line-height: 1.6em; padding: 0 15px 0 0;min-height: 65px; height: auto !important; height: 65px;} #foros #clhome ul li {padding-bottom:10px;} .comunidad_box_foro { background: #49b9b3; color: white; text-align: center; font-size: 1.4em; line-height: 24px;} .comunidad_box_foro a, .comunidad_box_foro a:hover { text-decoration: none; color: white; } .comunidad_box_foro .strong { font-size: 1.1em; padding-top: 10px; } .comunidad_box_foro .line_down { border-bottom: 1px solid white; display: inline-block; font-size: 1.1em; } #foros .leaderboard2 { margin: 0 auto 20px; } .comunidad_box_foro a.newtopic, .comunidad_box_foro a.newtopic:visited { color: #49b9b3; float: none; border: none; background: white; font-size: 1.1em;margin: 0 0 12px; display: inline-table;} #foros.fposts ul.post li.first .contentpost a.replypost, #foros.fposts ul.post li.first .contentpost a:visited { margin-bottom: 60px; float: left; padding: 6px 20px; font-size: 1.1em; } @media (max-width: 1390px) { .box_razas_foro .media-body { width: 80%;} } @media (max-width: 1200px) { .comunidad_box_foro a.newtopic, .comunidad_box_foro a.newtopic:visited { font-size: 0.9em; } } @media (max-width: 991px) { #list_foros .col-md-9 { padding: 0; } #list_foros .col-xs-12 { padding: 0; } #foros .col-md-3 { padding-left: 0; } #foros .col-md-9 { padding-right: 0; } } @media (max-width: 768px) { .box_razas_foro .media-body p.unete_comunid_foro { float: left;} #list_foros .col-md-9 { padding: 0 10px; } #list_foros .col-xs-12 { padding: 0 10px ; } #foros .otros_foros_box ul {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} #factivos dl dt a img.img-circle { margin-left: -55px;width: 45px;} #factivos dl dt {padding-left: 55px; } #factivos li { padding: 0;} #factivos dl dd.ddrespuestas .num_resp { font-size: 1em; margin-bottom: 5px; float: left; width: 54px; padding-left: 0;} #factivos dl dd.ddrespuestas p { line-height: 17px;} #foros .col-md-3 { padding-left: 0; } #foros .col-md-9 { padding-right: 0; } } @media (max-width: 550px) { .box_razas_foro .media-body { width: 75%;} } @media (max-width: 500px) { .box_razas_foro .media-body { width: 100%;} .box_razas_foro .media-left { margin-bottom: 5px; float: none; margin: 0 auto; display: table;} .box_razas_foro h1 { font-size: 1.3em; line-height: 20px;} } /* foros -- temas -- */ #foros.ftemas ul {width:100%;margin:20px auto;display:block;overflow:hidden;} #foros.ftemas ul li.cabtema {float:left;width:99%;overflow:hidden;display:block;color:#fff;background:#b0b0b0; font-size: 1.2em; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; margin-bottom:5px;} #foros.ftemas ul li.cabtema dl {width:100%;float:left;overflow:hidden;display:block;padding-top:8px;margin:0;} #foros.ftemas ul li.cabtema dl span {font-weight:bold;} #foros.ftemas ul li.cabtema dl dt.tematitle {height:22px;font-size:1em;width:54.5%;} #foros.ftemas ul li.cabtema dl dt.tematitle span {padding-left:5px;} #foros.ftemas ul li.cabtema dl dd.numposts {font-size:1em;} #foros.ftemas ul li.cabtema dd.autor {float:left;width:14.5%;} #foros.ftemas ul li.row {float:left;width:99%;overflow:hidden;display:block;padding:5px 0;line-height:1.8em;border-bottom:1px solid #EDE7D4;} #foros.ftemas ul li.row dl {width:99%;float:left;overflow:hidden;display:block;padding:10px 0;margin:0;} #foros.ftemas ul li.row.bg {background:#FBFAFA;} #foros.ftemas ul li.row dd.numposts span {font-size:1.6em;font-weight:bold;color:#989898;display:block;} #foros.ftemas ul li dt.tematitle {float:left;width:55%;font-size:1.1em;} #foros.ftemas ul li dt.tematitle p {margin-left:5px;padding-right:25px;} #foros.ftemas ul li dd.autor {float:left;width:15%;} #foros.ftemas ul li dd.lastpost {float:left;width:15%;} #foros.ftemas ul li dd.numposts {float:left;width:15%;text-align:center;} /* foros -- posts -- */ #foros form.fnewtopic .inputxt {width:100%;} #foros .paginacion {margin:0;} #foros .paginacion:empty { display: none !Important; } #foros.fposts ul.post .footpost {float:left;width:100%;} #foros.fposts ul.post li {width:100%;margin-bottom:10px; display: inline-block; } #foros.fposts ul.post li.first {border:2px solid #eee;width:100%; background: #f1f1f1; margin: 0 0 25px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; -webkit-box-shadow:0px 1px 5px #808080; -moz-box-shadow:0px 1px 5px #808080; box-shadow:0px 1px 5px #808080; } #foros.fposts ul.post li.first .content_foro { background:#f1f1f1; } #foros.fposts ul.post li.first .footpost {border-bottom:none; background:#f1f1f1; border-top: 1px solid #ddd;} #foros.fposts ul.post li { border:2px solid #ddd;width:100%; margin: 10px 0 20px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #foros.fposts ul.post li.first .contentpost {border-top: 1px solid #ddd;} .content_foro { width: 81%; float: right; background: white; min-height:320px; position: relative;} #foros.fposts .fuserbox a.agregar_amigo { font-weight: normal; color: #05807d; font-size: 1.2em; } #foros.fposts .cabpost { /* background:#F6F6F6; border-bottom: 2px solid #d6d6d6; */ } #foros.fposts .cabpost p {padding:8px 12px 1px; font-size: 1.3em;} #foros.fposts .cabpost p.postcount {float:left;display:inline;font-weight:bold;} #foros.fposts .contentpost {line-height:1.5em;} #foros.fposts .fuserbox {float: left;width:18%;padding:10px; min-width: 150px; height: 100%; display: block; } #foros.fposts .contentpost .cospost{width:100%;padding: 15px 15px 65px 10px;font-size:1.2em;line-height:1.6em; border-top: 1px solid #F1F1F1; } #foros.fposts .fuserbox p {padding-left:10px;} #foros.fposts .contentpost .cospost p {padding: 0; } #foros.fposts .contentpost .cospost img {display: block; margin: 10px 0; } #foros.fposts .contentpost .cospost h1 { margin-top: 0;margin-bottom: 10px; } #foros.fposts .fuserbox a {font-weight:bold;font-size:1.5em;text-decoration:none; display: block; } #foros.fposts .fuserbox a.adduser {color:#cc0033;font-size:1em;text-decoration:none;} #foros.fposts .fuserbox a:hover {text-decoration:underline;} #foros.fposts .fuserbox img {padding-top:5px;} .contenido_inap { float: right; text-align: right; width: 50%; } .citar_editar_foro { float: left; width: 50%; } .abc_cat { font-size: 1.6em; } #foros.fposts p.titlepost {font-weight:bold;} #foros.fposts ul.post div.footpost { background:#fefdfd; padding:11px 12px 1px;border-top:1px solid #F1F1F1; position: absolute; bottom: 0; } #foros.fposts ul.post div.footpost p {display:inline;; } a.replypost, #container a.replypost:visited { color: #88B615; float: right; border: 2px solid #88B615; padding: 8px 25px; text-decoration:none;font-weight:bold; font-size: 1.2em; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } a:hover.replypost, #container a.replypost:hover{ color: white; background: #88B615; } #container a.replypost:hover {text-decoration:underline;font-weight:bold; color: #fff;} a.citar, a.citar:visited, button.citar {color:#FFF; line-height: 19px; font-size: 1.2em; background:#0f8ba1; border: none; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align:center;padding:3px 10px;text-decoration:none;font-weight:bold;} a.citar:hover {text-decoration:underline;} a.edit_post {text-align:center;background: #efefef url(/img/page_edit.gif) no-repeat 5px center; padding:3px 5px 3px 25px;text-decoration: none; font-weight: bold;float: right;margin-right:10px;} a.edit_post:hover {text-decoration: underline;} a.newtopic, #content a.newtopic:visited { color: #05807d; float: left; border: 2px solid #05807d; font-size: 1.2em; padding: 8px 25px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-decoration:none;font-weight:bold;} a.newtopic:hover { background: #05807d; color: white; } #content a.newtopic:hover { text-decoration: underline; color: white; } a.postabuso, a.postabuso:visited{color:#dc0047;font-size:1.1em;line-height:1.4em;padding-left:5px;} a:hover.postabuso {color:#bd1200;} p.postcount a, p.postcount a:visited {color:#414141;font-weight:bold;} p.postcount a:hover {color:#414141;font-weight:bold;color:#414141;} #foros.fposts #post_article.first {} #foros.fposts #post_article.first .fuserbox {background: none;} #foros.fposts #post_article.first .cabpost {background: none; border-bottom: 1px solid #fff;} #foros.fposts #post_article.first .cospost {margin: 10px; } #foros.fposts #post_article.first .cospost h1 {font-size: 1.4em; font-weight: bold; margin-left: 5px;} #foros.fposts #post_article.first .cospost h2 {font-size: 1.2em; font-weight: bold; margin: 10px 0 0 0; border-bottom: 1px dotted #dadada;} #foros.fposts #post_article.first .cospost ol {margin-left: 10px;} span.experto { display: block; height: 28px; } span.experto:before {float: left; font-size: 20px;vertical-align: middle;text-align: center;content: "\e028";display: inline-block;font-family: 'Simple-Line-Icons';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #006172;margin: 0 8px 1px 4px;} .fuserbox .experto {margin-bottom: -5px; margin-top:5px;} span.user-on {display: block; height: 17px; line-height:17px; background: #88B615; text-align: center; padding-right: 5px; font-size: 1em; color: white;font-weight: bold; font-family: Arial;margin-bottom: 10px;} .fuserbox span.user-on {width: 115px;} .ficha_content span.user-on {width: 147px;clear: both;margin-bottom: 0;margin-right:3px;margin-top: 0;} .tip { position: absolute; left: 35px; line-height: 35px; color: #739b0d; margin-left: -16px; } span.cita {display: block !Important; font-size: 0.9em; font-style: italic; width: 100%;background: #f0f8da;margin-right: 30px;border-left: 3px solid #dfeeb9;z-index: 10;position: inherit;padding: 10px;top: 27px;margin-bottom: 12px;padding-left: 55px;} .bullet-green {background: url(/img/bullet-green.gif) no-repeat left center;padding-left: 16px;} #foros form.fnewtopic .inputxt {width:100%;} #foros form {padding:10px 0;} #foros form button { background-color: #88B615;border: none;margin: 10px 0 20px;padding: 10px 30px;color: white;font-size: 20px;border-radius: 4px;} #foros #selected-pics {width: 100%; margin: 0 auto; overflow: hidden; margin: 0; padding: 0 0 15px; } #ulpics li { margin-bottom: 10px; } #foros.fposts .fuserbox a.add-favoritos {font-size: 1.2em; text-align: left; color: #05807d; width: 100%; font-weight: bold; text-decoration: none;float: left; } #foros.fposts .fuserbox a.add-favoritos span.favoritos_header:before { color: #05807d; margin: -5px 8px 1px 4px; font-size: 20px; } .ico_balloon:before {float: left; font-size: 35px;vertical-align: middle;text-align: center;content: "\e02c";display: inline-block;font-family: 'Simple-Line-Icons';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #006172;margin: 0 8px 1px 4px;} ul.cat_foros li {float: left;width: 20%; text-align: center; padding: 0 1% 0 0; } ul.cat_foros li img { display: block; margin: 0 10px 10px 0; float: left; width: 80px; height: 80px; box-shadow: none; border-radius: 0; } ul.cat_foros li p { margin-bottom: 3px; text-align: left; line-height: 17px; font-size: 14px;} .title_foros { margin-top: 7px; } .foro_home .articulos_home{ width: 100%; margin: 0; display: inline-table; } #tema_foro #myModal .modal-footer {padding: 0 20px 20px;margin-top: 0; } #tema_foro #myModal .modal-footer .btn { font-size: 18px; } #tema_foro #myModal .modal-footer label { font-size: 1.3em; } .mensaje_popup {background: #EFEFEF; width: 625px; height: auto; position: fixed; z-index: 500; top: 50%; left: 50%;margin-left: -320px; margin-top: -180px; border: 10px solid #616161; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; } .text_mensaje_popup { color: #333333; font-size: 31px; line-height: 38px; margin-top: 0; padding: 25px 25px 30px; text-align: center; } .close_pop_new2 { background: url("/img/close_pop.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; float: right; height: 40px; margin-right: -24px; margin-top: -30px; text-indent: -999999px; width: 40px;} div.alert2 { -webkit-box-shadow:0px 1px 5px #808080; -moz-box-shadow:0px 1px 5px #808080; box-shadow:0px 1px 5px #808080; background: none repeat scroll 0 0 #F6F6F6; border: 2px solid #ECE9E9; border-radius: 5px 5px 5px 5px; clear: both; color: #515151; font-size: 20px; height: auto; padding: 14px 55px 19px 20px; text-align:left; line-height: 30px; margin-top: 15px !important; margin-bottom: 25px;} .ml_desc_incentivar { color: #739B0D; margin-left: 30px; font-weight: bold; } .ml_desc_incentivar strong { color: #515151; } .title_alert2 { font-size: 24px; } #foros .center-block {display: table;margin-right: auto;margin-left: auto; } #tema_foro .bg_send_comment .borderbox { background: #f3f3f3 !important; padding: 20px; margin-bottom: 40px; margin-top: 50px !important; } .bg_send_comment .borderbox p.title_send_comment {font-size: 2.2em;color: #777;line-height: 24px;margin: 20px 0;text-align: center;} .bg_send_comment .borderbox .alert { clear: both;width: 70%;margin: 0 auto; } .bg_send_comment .borderbox p.title_send_comment .icon-info:before {font-size: 27px;top: -10px; position: relative; } #foros .bg_send_comment form button { font-size: 24px; } #tema_foro .paginacion {padding: 0;margin: 0; } #tema_foro .paginacion a, #tema_foro .paginacion span {margin: 8px 3px; display: inline-block; } #tema_foro a { word-wrap: break-word; } .btn_insert_foto_tema { width: 250px; float: left; font-size: 1.4em; color: #05807d; } .btn_insert_foto_tema .glyphicon { top: 3px; margin-right: 3px;} .btn_insert_foto_tema span.insertphoto2:hover { cursor: pointer; display: block; } .btn_insert_foto_tema .fileinput-button {margin: 0 !important;display: table;position: relative;text-align: left; width: 200px; } .btn_insert_foto_tema .fileinput-button input { left: 0; width: 200px; } .btn_insert_video_tema { float: left; margin-left: 30px; font-size: 1.4em; color: #05807d;} .btn_insert_video_tema .glyphicon { top: 3px; margin-right: 3px;} #selected-pics ul li { float: left; margin-right: 18px; } #foros .form_publicar_foro button, #foros .form_publicar_foro .submit {background-color: #88B615; border: none; margin: 30px auto; padding: 10px 60px; font-size: 25px; float: right; } #foros .form_publicar_foro .form-group label {font-weight: normal; font-size: 1.6em; } .subt_form_recordar { font-size: 1.8em;line-height: 1.4em;color: #777; } .form_publicar_foro .alert { font-size: 1.4em; } #TB_window label { color: #333; font-size: 1.3em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #TB_window h3 { margin-top: 10px; } #TB_window input.submit { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;border-radius: 5px;color: #FFFFFF !important;cursor: pointer;display: block;font-weight: normal;padding: 6px 17px 7px;text-decoration: none;text-shadow: none;margin: 0 auto;font-size: 20px;border: none;line-height: 30px;background-color: rgba(0, 97, 114, 0.7);} #TB_ajaxContent p.red { margin-bottom: 0; padding: 5px 0px 0 0px; } .intro_contest{ font-size: 1.5em; color: #888; } .comment_foro_link, .comment_foro_link:hover { color: #444; text-decoration: none !Important; } @media (max-width: 1200px) { #foros.subforo ul li {width: 32.5%;} #foros.fposts .contentpost .cospost h1 {font-size: 28px; } } @media (max-width: 1100px) { .tema_cerrado_foro { text-indent: -99999999px; } #foros.subforo ul li {width:48%; margin: 4px;} } @media (max-width: 1150px) and (min-width: 901px) { .content_foro {width: 75%; top: 0; left: 0; } #foros.fposts .fuserbox { right: 0; width: 22%;} #foros.fposts .cabpost { width: 100%; } #foros.fposts .contentpost { width: 100%; } #foros.fposts ul.post .footpost { width: 100%; } #foros.fposts ul.post li {position: relative; } } @media (max-width: 900px) { ul.cat_foros {display: inline-block; margin-top: 3px; padding-top: 10px; border-top: 1px dashed #ECE9E9 !important; } ul.cat_foros li img { display: none; } ul.cat_foros li {float: left;width: 100%; text-align: left; padding: 0; margin-bottom: 12px; } ul.cat_foros li:last-child { margin-bottom: 0; } } @media (max-width: 900px) and (min-width: 769px) { .content_foro {width: 70%; top: 0; left: 0; } #foros.fposts .fuserbox { width: 26%;} #foros.fposts .cabpost { width: 100%; } #foros.fposts .contentpost { width: 100%; } #foros.fposts ul.post .footpost { width: 100%; } #foros.fposts ul.post li {position: relative; } } @media (max-width: 768px) { #factivos dl dt {width: 100%; } #factivos dl dd.ddautor {border-left: none !important;line-height: 1.6em;text-align: left;width: 100%;} #factivos dl dd.ddrespuestas {border-left: none !important;line-height: 1.6em;text-align: left;width: 100%;min-height: 35px;} #foros.subforo ul li {width:48%; margin: 4px;} .abc_cat { margin: 0 10px; ; } #foros form {padding:10px;} .ico_balloon:before { display: none; } a.newtopic, #content a.newtopic:visited { width: 94%;display: table;text-align: center;padding: 8px;margin: 20px 10px 10px; } .title_listado_criadores { border: none; } .title_foros {margin-top: 15px;} .title_foros .eres_criador_tit { padding-bottom: 20px; margin-top: 5px; } .foro_home .cabecera { margin: 20px 0 0; } .foro_home .leaderboard2 {margin: 5px 0 7px;} .foro_home .title_foros { margin: 15px 0 0; } .foro_home .articulos_home {margin: 0;} .foro_home h2.smalltitle {font-size: 20px !important;} #foros.fposts .cabpost {border-bottom: none;} #foros.fposts ul.post li.first div.footpost { border-top: 1px solid #ccc;} span.experto { float: right; margin-right: 12px; } #foros.fposts .cabpost p {padding: 10px 12px 2px; margin: 0; } #foros.fposts .fuserbox {float: left;width: 100%; border-bottom: 1px dashed #ccc;} #foros.fposts .fuserbox img {padding-top: 5px;width: 50px; float: left; margin-right: 10px; } #foros.fposts .contentpost .cospost {padding: 5px 12px 12px; width: 100%; border: none; font-size: 1em;line-height: 1.4em; } #foros.fposts .contentpost .cospost h1 { font-size: 24px; margin-top: 10px; margin-bottom: 0; } #foros.fposts .fuserbox {float: left;width: 100%;border-bottom: 1px dashed #ccc; padding: 0 0 10px; background: #F6F6F6;} #foros.fposts .fuserbox p {padding-left: 10px;margin: 0; font-size: 0.9em; } #foros.fposts ul.post li.first { background: #e6e4e4; border: 1px solid #ccc;} #foros.fposts .contentpost .cospost img {max-width: 100%;} #foros.fposts .contentpost .cospost object #yplayer {width: 100%;height: 250px; } .content_foro {width: 100%;clear: both;display: inline-block;min-height: 0; } #foros.fposts ul.post div.footpost { position: inherit; } #foros.fposts .cabpost p { font-size: 0.8em; } .tip {left: 35px;} span.cita {padding-left: 45px; } #foros.fposts .fuserbox a.agregar_amigo { font-size: 1.2em; text-decoration: underline; } #foros.fposts .fuserbox a {font-size: 1.3em; margin-top: 5px; } a.postabuso, a.postabuso:visited { font-size: 0.9em; } #foros.fposts ul.post li.first .contentpost { border-top: none; } #tema_foro .cabecera {margin: 20px 0 0; } #tema_foro a.newtopic, #tema_foro a.newtopic:visited {width: 47%; font-weight: normal; float: left; display: table;text-align: center;padding: 6px;margin: 20px 0 10px; font-size: 1.1em; } #tema_foro a.replypost, #tema_foro a.replypost:visited {width: 45%; font-weight: normal; float: right; display: table;text-align: center;padding: 6px;margin: 20px 0 10px;font-size: 1.1em; } #tema_foro .add-favoritos { padding: 0;margin: 20px 0;font-size: 1.1em;} #tema_foro .leaderboard2 { display: none; } #foros.fposts .fuserbox a.add-favoritos span.favoritos_header:before { color: #05807d !important; } span.experto {font-size: 0.9em;} span.experto:before { margin-right: 3px; } .bg_send_comment .borderbox p.title_send_comment, #sendcomment p.title_send_comment {font-size: 1.6em; margin: 10px 0;} #foros .bg_send_comment form button {font-size: 20px;} #tema_foro .bg_send_comment .borderbox { margin-bottom: 0px; } .btn_insert_foto_tema, .btn_insert_video_tema { display: none; } .form_publicar_foro { margin-bottom: 0; } .form_publicar_foro #selected-pics { display: none; } #foros .form_publicar_foro button { margin: 10px auto;padding: 10px 60px;font-size: 21px;width: 100%;} #tema_foro #sendcomment .borderbox { padding: 10px; margin-top: 20px !important; } #foros #selected-pics, .btn_insert_foto_tema, .btn_insert_video_tema { display: none; } #list_foros .leaderboard2, .foro_home .leaderboard2 { display: none; } ul.articulos_home li p {line-height: 20px;font-size: 14px;} #contest_foro h1 { margin-top: 15px;} .intro_contest{ font-size: 1.2em; color: #888; margin: 5px auto 5px;width: 95%; } .bg_send_comment .borderbox .alert { width: 100%; } .subt_form_recordar { font-size: 1.3em;line-height: 1.2em;color: #777;margin: 0 10px 10px; } .form_publicar_foro .alert { font-size: 1.3em; margin-bottom: 2px; } .contenido_inap { float: right; text-align: left; width: 100%; padding-left: 0; } .contenido_inap a { padding-left: 0; } #foros.fposts ul.post div.footpost p {display: block;float: none;} .citar_editar_foro { float: left; width: 100%; } .editarfake { float: right; -webkit-appearance: none; position: relative; margin-top: -3px; font-size: 12px; line-height: 16px; } .a.citar { float: left; -webkit-appearance: none; font-size: 12px; line-height: 16px; } .text_mensaje_popup {color: #333333;font-size: 23px;line-height: 29px;margin-top: 0;padding: 15px;text-align: center; } #list_foros .title_foro_com { font-size: 25px; margin: 15px 15px 10px; } .comunidad_box_foro a.newtopic, .comunidad_box_foro a.newtopic:visited { width: 100%;float: none; display: table; text-align: center; padding: 6px; margin: 0 auto 10px !Important;} } @media (max-width: 991px) { #tema_foro a.newtopic, #tema_foro a.newtopic:visited { width: auto; float: none; } } @media (max-width: 600px) { #foros.subforo ul li { width:97%; } } @media (max-width: 400px) { .bg_send_comment .borderbox p.title_send_comment {font-size: 1.4em; } #foros .bg_send_comment .title_send_comment .btn-info { font-size: 14px; margin-top: -24px;padding: 1px 9px;color: white;margin-left: 9px; } #foros .bg_send_comment form button {font-size: 18px;} } /* google ads */ .ads_logo {margin-bottom:3px;} .ads_logo a {font-size:0.9em;color:#515151;text-decoration:none;font-weight:bold;} .ads_logo a span {font-weight:bold;font-size:1.1em;} .google_ads_s {overflow:hidden;} .google_ads_l,.google_ads_list {overflow:hidden;padding:5px 10px 10px; clear: both; margin-top: 10px; } .google_ads_s .ad {width:49.9%;float:left;} .google_ads_l .ad {width: 23%;float: left;margin-right: 2%;word-wrap: break-word;} .google_ads_l .ad .title_ad a {font-size:1.2em;} .google_ads_l .ad .ds_ad,.google_ads_list .ad .url_ad a {font-size:1em;} .google_ads_simple .ad {width: 100%} .google_ads_list .ad {padding-bottom:10px;} .google_ads_list .ad .title_ad a {font-size:1.2em;} .google_ads_list .ad .ds_ad,.google_ads_list .ad .url_ad a {font-size:1.1em;} .ad p {padding-right:10px; margin-bottom: 0;} .ad .title_ad a {color:#cc0033;font-weight:bold;font-size:11px;} .ad .ds_ad {color:#515151;font-size:10px;line-height:1.2em;padding-top:5px;} .ad .url_ad a {font-size:10px;color:#006172;text-decoration:none;} .google_ads_foot {text-align:right;padding-top:5px;} @media (max-width: 850px) { .google_ads_l .ad {width: 100%; margin-bottom: 25px; margin-right: 0; } } /* CIRCULO CRIADORES -------------------------------------------------------------------------------------- */ #InlineFrame1 { text-align: center; margin: 0 auto 15px; display: block; } .text-aspad {text-align: center; max-width: 680px; margin: 15px auto; } .consejos_escoger { margin-bottom: 70px; } .consejos_escoger p { margin: 20px 0; color: #739B0D; font-size: 2em; font-weight: bold; } .consejos_escoger ul { margin-left: 30px; } .consejos_escoger ul li {font-size: 1.4em;list-style-position: outside;list-style-type: disc;margin: 10px 0 8px 20px;padding: 3px;} .consejos_criador_bg { width:100%; margin-bottom: 20px; padding: 70px 20px 74px; background-image:url('/img/responsive/circulo/consejos_criador_bg.jpg'); background-size:cover; background-position: left center; } .consejos_criador_bg h1{ font-size: 45px; color: white; text-shadow: 3px 3px 5px rgba(0,0,0, 1); text-align: center; } .header_circulo { width:100%; margin-bottom: 20px; padding: 70px 20px 74px; background-image:url('/img/responsive/circulo/beneficios_circulo.jpg'); background-size:cover; background-position: left center; } .text_header_circulo h1{ font-size: 45px; color: white; text-shadow: 3px 3px 5px rgba(0,0,0, 1); text-align: center; } #form_criador_circ { margin-bottom: 60px; } #circulo_benef { font-size: 18px; line-height: 28px; margin-bottom: 60px; } #circulo_benef .benef_lista_conseguir {display: table; width: 100%; margin: 0 auto 10px; } #circulo_benef .benef_lista_conseguir li{ margin-bottom: 12px; font-size: 1em; padding-left: 30px; } #circulo_benef .benef_lista_conseguir span { width: 30px; line-height: 30px; margin-left: -30px; margin-right: 10px; height: 30px; border-radius: 30px; background: white;; color: #49b9b3; text-align: center; display: block; float: left; } #circulo_benef .btn-primary { font-size: 1.4em; margin: 0 auto 30px; float: none; display: inline-block; color: #797206; background-color: #dad24d; border: 1px solid white; } .circ_benef_lista { margin-bottom: 20px; display: inline-block; } .circ_benef_lista li {width: 23%; margin-right: 2%; float: left; text-align: center; font-size: 1em; line-height: 24px; } .circ_benef_lista li .img-circle { display: block; margin: 0 auto 10px; border: 2px solid #ECE9E9; width: 100%; } #circulo_benef h2 { clear: both; color: #49b9b3; text-align: center; font-family: 'Oswald', sans-serif;width: 100%; line-height: 46px; font-size: 37px; font-weight: normal;text-transform: uppercase; margin: 30px 0 0px; padding-bottom: 10px; } .text_final_circ { font-size: 1.3em; line-height: 1.7em; margin-bottom: 25px; } .intro_circulo_beneficios { font-size: 20px; text-align: center; margin-bottom: 20px; } #circulo_benef .col-md-8 {padding-right: 30px; } #circulo_benef .col-md-4 { margin-top: 10px; padding: 0 25px; background: #49b9b3; color: white; } #circulo_benef .col-md-4 h3 { text-align: center; font-size: 1.8em; } #selectlogado .btn { font-size: 1.4em; margin: 0 10px; } #form_criador_circ .login_bg { width: 60%; margin: 10px auto 20px; padding: 10px 20px; } #form_criador_circ .login_bg h1 { margin-bottom: 20px; } #form_criador_circ .plusvet_logar h1 { font-size: 2.3em; } #form_criador_circ .plusvet_logar { width: 100%; margin: 10px 0 20px; background: white; border: none; padding: 0; } #form_criador_circ .plusvet_logar .form-group { width: 60%; } #form_criador_circ .btn-default2 {background: white !important;cursor: pointer; float: right;} #form_criador_circ .btn-default2 .glyphicon { font-size: 0.8em;top: -2px;margin-right: 3px; } #form_criador_circ .country_plus { padding-top: 16px; } .btn_interesa { display: none; } #circulo_benef .steps_benefic { margin-top: 30px;color: white; width: 33.33333333333333%; float: right; } .progress_benefic { list-style: none; margin: 0; padding: 0;display: table;table-layout: fixed;width: 100%;color: #849397;} .progress_benefic > li { position: relative; display: table-cell; text-align: center; font-size: 0.8em;} .progress_benefic > li:before { content: attr(data-step); display: block; margin: 0 auto; background: #DFE3E4; width: 3em; height: 3em; text-align: center; margin-bottom: 0.25em; line-height: 3em; border-radius: 100%; position: relative; z-index: 10;} .progress_benefic > li:after { content: ''; position: absolute; display: block; background: #DFE3E4; width: 100%; height: 0.5em; top: 1.25em; left: 50%; z-index: -1;} .progress_benefic > li:last-child:after { display: none;} .progress_benefic > li.is-complete { color:#88b615;} .progress_benefic > li.is-complete:before, .progress_benefic > li.is-complete:after {color: #FFF; background: #88b615;} .progress_benefic > li.is-active {color: #49b9b3;} .progress_benefic > li.is-active:before {color: #FFF; background: #49b9b3;} .progress__last:after {display: none !important;} .circ_benef_lista .collapse_info { margin-bottom: 10px;display: block; font-size: 0.9em; } .circ_benef_lista .collapse { position: absolute; z-index: 88; } @media (max-width: 1200px) { #form_criador_circ .plusvet_logar .form-group { width: 80%; } #circulo_benef h2 { font-size: 34px; margin: 10px 0 0; padding-bottom: 10px;} } @media (max-width: 1150px) { .header_circulo, .consejos_criador_bg {padding: 45px 20px 50px; } .circ_benef_lista li .img-circle { width: 90%; height: auto; } #circulo_benef .benef_lista_conseguir li { width: 100%; margin-top: 0; } .benef_lista_conseguir { float: left; } #circulo_benef .col-md-4 {width: 100% !important; margin-bottom: 40px; margin-top: 0; } #circulo_benef .steps_benefic { width: 100% !important; } .col_benef { width: 70%; margin: 0 auto; } #circulo_benef .steps_benefic { margin-top: 20px;} .progress_benefic { margin: 0 0 10px;} } @media (max-width: 1050px) { #circulo_benef h2 {font-size: 33px;} .circ_benef_lista {margin-bottom: 0; } .circ_benef_lista li p {font-size: 0.9em; line-height: 24px; } #circulo_benef .benef_lista_conseguir li {font-size: 1.1em;margin-bottom: 18px;} #form_criador_circ .login_bg { width: 80%; } } @media (max-width: 900px) { .header_circulo, .consejos_criador_bg {padding: 25px 20px 40px; margin-bottom: 10px; } .text_header_circulo h1 {font-size: 35px;} #circulo_benef h2 { font-size: 28px; text-align: left; } #circulo_benef .benef_lista_conseguir li {font-size: 1em; } .benef_lista_conseguir { float: left; } #form_criador_circ #selectlogado h2 { width: 100%; padding-bottom: 10px; margin:20px 0 0; } .intro_circulo_beneficios { font-size: 16px; text-align: left; margin-bottom: 0; line-height: 24px;} .btn_interesa { background: #49b9b3; color: white; font-size: 1.3em; padding: 10px 30px; display: table; text-align: center; margin: 20px auto; border-radius: 4px; } .col_benef { width: 100%; margin: 0 auto; } } @media (max-width: 850px) { #form_criador_circ .login_bg { width: 100%; margin: 0 0 20px; background: white; border: none; padding: 10px 0 0; clear: both; } #form_criador_circ .login_bg h1 { font-size: 26px; } } @media (max-width: 768px) { #circulo_benef h2 { margin-top: 20px; } .header_circulo, .consejos_criador_bg {padding: 25px 20px 30px;margin-bottom: 0;} #circulo_benef { padding: 0 15px; } .circ_benef_lista { margin-bottom: 0;} .circ_benef_lista li p {padding-bottom: 0;} #circulo_benef h2 {font-size: 26px;line-height: 34px;margin-bottom: 10px; padding: 0;} .text_header_circulo h1 {font-size: 33px;} #circulo_benef .btn-primary { font-size: 1.3em;} #circulo_benef .benef_lista_conseguir {margin: 0 auto 10px; font-size: 0.9em;} .header_circulo { background-position: center center;} .text_final_circ { font-size: 1em; line-height: 1.4em; margin-bottom: 25px; } .consejos_criador_bg h1 {font-size: 33px;} .consejos_escoger p {font-size: 1.6em; font-weight: normal; } .consejos_escoger ul {margin-left: 5px;} .consejos_escoger ul li {font-size: 1.3em;} #form_criador_circ .login_bg { width: 100%; margin: 0 0 20px; background: white; border: none; padding: 1px 0 0; clear: both; } #form_criador_circ .login_bg h1.titletop { font-size: 20px !important; } #form_criador_circ .plusvet_logar .form-group { width: 100%; } #form_criador_circ .country_plus {padding-top: 5px;margin-bottom: 0;} #circulo_benef .col-md-4 { padding: 0 15px; margin-top: 0; } #circulo_benef .col-md-4 h3 { font-size: 1.4em;} #circulo_benef .col-md-8 { padding-right: 0; } .btn_interesa { width: 100%; } #circulo_benef .steps_benefic { margin-top: 0;} .circ_benef_lista li .img-circle {width: 90px;margin-left: -100px; float: left;} .circ_benef_lista {margin-bottom: 0; display: inline-table; width: 100%; } .circ_benef_lista li { width: 50%; font-size: 0.9em; line-height: 23px; margin-bottom: 15px; padding-left: 100px; padding-right: 10px; margin-right: 0; float: none; text-align: left; display: inline-block; vertical-align: middle; } .circ_benef_lista li p {display: table-cell; vertical-align: middle; font-size: 0.9em;line-height: 22px; padding-bottom: 10px; } .circ_benef_lista .btn { margin-bottom: 15px; } } @media (max-width: 500px) { .header_circulo, .consejos_criador_bg {padding: 25px 20px; margin-bottom: 10px; } .text_header_circulo h1 {font-size: 27px;} #circulo_benef h2 {font-size: 25px; line-height: 34px; margin: 15px 0 10px; padding-bottom: 0; } #circulo_benef .benef_lista_conseguir span { margin-bottom: 35px; } .text-aspad { font-size: 18px; margin: 15px; } .circ_benef_lista li { width: 100%; font-size: 1em; border-bottom: 2px solid #ECE9E9;} .circ_benef_lista li:last-child { border-bottom: 0; } } @media (max-width: 400px) { .text_header_circulo h1 {font-size: 23px; line-height: 28px;} .circ_benef_lista li .img-circle {width: 75px;margin-left: -85px;} .circ_benef_lista li {padding-left: 85px; font-size: 0.9em; } #circulo_benef h2 {font-size: 23px;} .progress_benefic > li { font-size: 0.6em;} } #form_criador_circ .tabs_4 li.success .checkmark { position: relative;top:4px;display: inline-block;line-height: 1; } #form_criador_circ .tabs_4 li.success .checkmark:before { font-size: 21px; margin: 0 4px; } #form_criador_circ .box_buscador_criadores { background: #e6e4e4; padding: 15px 20px; } #form_criador_circ .steps_benefic { font-size: 1.4em; margin-top: 20px; } .finalizar_beneficios .steps_benefic { font-size: 1.4em; margin-top: 20px !Important; width: 100% !important; margin-bottom: 30px; } .finalizar_beneficios .btn-primary { color:white !important; background-color: #079995 !important; border: none !important;} .list_criadores_circ { margin: 10px auto 0; display: block; width: 70%; } .list_criadores_circ li { width: 20%; float: left; height: 208px; padding-right: 2%; } .content_img_list { width: 150px; height: 150px; margin-bottom: 10px; background: #f1f1f1; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .list_criadores_circ li img { display: block; position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto; } /* @media screen and (-webkit-min-device-pixel-ratio:0) { .list_criadores_circ li img { top: 50%; } ::i-block-chrome,.list_criadores_circ li img { top: 0%; } }*/ .list_criadores_circ li input[type="radio"] { float: left; margin-right: 3px; } .list_criadores_circ li.ninguno_ant{ width: 100%; /*border-top: 2px solid #e5e5e5; padding-top: 20px;*/ height: auto; } .list_criadores_circ li.ninguno_ant .btn-primary { font-size: 1.5em; } .list_criadores_circ li.ninguno_ant .btn-default { font-size: 1.3em; } .circ_form .control-label {text-align: left; } .circ_form p.col-sm-10 { padding: 0; float: right; } .cont_estrellas_circ { padding: 0; } #form_criador_circ #divoculto { margin: 40px auto 0; width: 50%; clear: both; } .content_form_oculto_peq{ width: 100%; float: left; padding-right: 4%; margin-right: 6%; } .content_form_oculto_gran { width: 100%; margin-top: 30px; float: left; } .content_form_oculto_gran h3 { margin-top: 0; margin-bottom: 20px; } #form_criador_circ button.Zebra_DatePicker_Icon { left: auto !important;right: 10px;} #form_criador_circ .box_buscador_criadores { display: block; } .submit_circ{ clear: both; width: 100%; } .submit_circ .alert-danger { margin-top: 30px; width: 100%; } .img_form_cachorro { float: right;width: 65px;height: 65px;display: table-row;position: absolute;margin-bottom: 10px;right: 15px; } .circ_form_cachorro { margin: 30px auto 0; width: 50%; } .circ_form_cachorro .form-group {margin-right: -15px;margin-left: -15px;width: 100%;float: left;} .circ_form_cachorro .control-label { text-align: right;line-height: 15px;margin-top: -5px;} #form_criador_circ h2 { line-height: 1.3em; text-align: center; } .circ_form_cachorro2 { /* -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; */ } #form_criador_circ h2{ width: 80%; font-size: 23px; margin: 20px auto 25px; text-align: center; } #form_criador_circ .circ_form_cachorro2 { width: 50%; margin: 0 auto ; } #form_criador_circ .circ_form_cachorro2 .submit { float: right; } #form_criador_circ .circ_form_cachorro2 .small_text { font-size: 0.8em; margin: 10px 0 0; } .circ_form_cachorro2 .form-group {margin-right: -15px;margin-left: -15px;width: 100%; -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; /* IE 11 */ display:table; /* Actually FF 20+ */} .circ_form_cachorro2 .control-label { margin-top:0;line-height: 16px; } .circ_form_cachorro2 .control-label p { margin-bottom: 0; } .circ_form_cachorro2 { margin-top: 25px; } .circ_form_cachorro2 .btn-info { background: #ecf3da;border: 1px solid #739B0D !important;color: #739B0D !important;display: inline;font-size: 15px; line-height: 15px; font-weight: bold;margin-top: 4px;padding: 2px 0 1px;text-align: center;width: 24px;height: 24px;border-radius: 24px; } .circ_form_cachorro2 .tooltip.top .tooltip-inner { background-color:#739B0D; } .circ_form_cachorro2 .tooltip.top .tooltip-arrow { border-top-color: #739B0D;} #form_criador_circ .fileinput-button {margin: 0 !important;display: table;position: relative;text-align: left; width: 100%; } #form_criador_circ .fileinput-button input { left: 0; width: 100%; } #form_criador_circ .btn-default { background: #e6e4e4;cursor: pointer; } #uploader_window {position: fixed; } #gestor_imatge { width: 900px; padding: 25px; margin: auto; position: fixed; top: 0; left: 0; bottom: 0; right: 0; min-height: auto;} #gestor_imatge #cancelar { text-indent: -9999999px; top: 10px; } #gestor_imatge #cancelar:before {float: right; text-indent: 0px; text-align: center;content: "\e025";display: inline-block;font-family: 'dripicons';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #919191;font-size: 26px;margin: 0 8px; } #thumbnail_form {padding-left: auto;padding-top: 160px;} div#preview_info { height: auto; float: right; text-align: right; } #thumbnail_form #save_thumb {margin: 12px 0 5px;float: right;} #uploader_right {margin-right: 0;} div#select_info p {background: none;padding: 0px 3px 0 0;font-size: 1.5em;line-height: 1.1em;} p.title_gestor { color: #333; } #thumbnail_form input.submit.darkgreen { float: right; margin-top: 20px; } #cancelcorto:before {text-indent: 0; float: right;text-align: center;content: "\e025";display: inline-block;font-family: 'dripicons';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #919191;font-size: 26px;margin: 0 8px; } .radio_form_vet { width: 5%; float: left; color: #f1f1f1; } .id_form_vet { width: 65%; float: left; } .service_form_vet { width: 30%; float: left; } .bs-checkbox{ width: 5%; float: left; } .name_vet { width: 65%; float: left; } .servicios_vet { width: 30%; float: left; } .bs-checkbox { text-align: center; } .form_veter_circ .radio_btn { height: 20px; width: 20px; } .form_veter_circ { margin-top: 20px; } .list_circ_vet { border: 1px solid #ddd; } .list_circ_vet li { padding: 15px 0; width: 100%; display: inline-table; border-bottom: 1px solid #ddd; } .list_circ_vet .destacado_list { background:#f1f1f1; font-size: 1.6em; border: 1px solid #ddd; } .list_circ_vet li.list_veterinario_circ:hover { background: #ecf3da!important; cursor: pointer; } .list_circ_vet li.list_veterinario_circ.selected { background: #f2ffd1 !important; } .list_circ_vet li.list_veterinario_circ:nth-child(odd) { background: #f9f9f9; } .form_veter_circ .submit {background-color: rgba(0, 97, 114, 0.7);border: none;padding: 12px 30px;color: white;font-size: 26px;border-radius: 4px;margin: 20px auto;display: block;} .list_circ_vet .service_vet { font-size: 1.3em; margin-left: 30px; } .list_circ_vet .service_vet .checkmark {margin-top: 5px;position: absolute;width: 20px;margin-left: -30px } .form_veter_circ .princ_img { float: left; margin-right: 15px; } .form_veter_circ .name_vet_circ { display: block; margin-right: 15px; font-size: 1.3em; line-height: 24px; margin-bottom: 5px; } .form_veter_circ .estrellas_prod {display:block; margin: -2px 0 0; } .form_veter_circ p.grey { } .form_veter_circ .btn-default { margin-top: 20px; font-size: 1.4em; padding: 8px 20px; background: white !important; } .box_circ_cachorro { width: 100%; } .text_form_circ { margin-top: 0;margin-bottom: 20px;margin-left: 20px; clear: both; color: #888; font-size: 18px; } .text_form_circ2 {margin-top: 10px; padding-top: 20px;font-size: 18px; margin-bottom: 20px;margin-left: 5px;display: inline-block;clear: both;border-top: 2px dashed #ECE9E9;width: 100%; color: #888; } .form-control { height: 35px; } @media (max-width: 1350px) { #form_criador_circ #capadatos h2{ width: 60%; } #form_criador_circ .circ_form_cachorro2 { width: 60%;} .list_criadores_circ { width: 80%;} #form_criador_circ #divoculto { width: 60%;} .circ_form_cachorro { width: 60%; } } @media (max-width: 1150px) { #form_criador_circ #capadatos h2{ width: 70%; } #form_criador_circ .circ_form_cachorro2 { width: 70%;} .list_criadores_circ { width: 90%;} #form_criador_circ #divoculto { width: 70%;} .circ_form_cachorro { width: 70%; margin-top: 15px; } } @media (min-width: 1100px) { .form_veter_circ .list_circ_vet { width: 70%; margin: 0 auto;} .name_vet { width: 56%; margin-right: 2%;} .id_form_vet { width: 56%; margin-right: 2%;} .id_form_vet span { font-size: 0.7em } .servicios_vet { width: 36%;} .service_form_vet { width: 36%;} .form_veter_circ .btn-default { margin-left: 15%;} } @media (max-width: 950px) { .list_criadores_circ { width: 90%; margin: 0 auto;} } @media (min-width: 800px) { .name_vet { width: 56%; margin-right: 2%;} .id_form_vet { width: 56%; margin-right: 2%;} .servicios_vet { width: 36%;} .service_form_vet { width: 36%;} .list_circ_vet .service_vet { font-size: 1.2em;} .id_form_vet span { font-size: 0.7em } } @media (min-width: 851px) { #form_criador_circ .tabs_4 { display: inline-table; } #form_criador_circ .tabs_process { display: none; } #form_criador_circ .barra_menu_mob { display: none; } .circ_form_cachorro2 .col-sm-8 { width: 64.5%; } } @media (max-width: 1100px) { .content_form_oculto_peq { margin: 0; } .content_form_oculto_gran .col-sm-2 { width: 150px; margin-bottom: 10px; margin-top: 2px; } .circ_form p.col-sm-10 { width: 100%;float: left !important;padding: 0;margin: 0; } .content_form_oculto_gran h3 { margin-bottom: 10px;} .submit_circ {padding-left: 11.4%;} .circ_form_cachorro .form-group {margin-right: -15px;margin-left: -15px;width: 70%;float: left;} .box_circ_cachorro { width: 70%; } .circ_form_cachorro2 .control-label { margin-top: -7px;line-height: 16px; width: 140px;} .img_form_cachorro {width: 80px; height: 80px; top: -16px; } } @media (max-width: 1000px) { .tabs_4 li { font-size: 18px; } #form_criador_circ .tabs_4 li.success .checkmark:before {font-size: 18px;} .list_criadores_circ li { width: 23%; margin-right: 2%; } #form_criador_circ h2 {font-size: 28px; } #form_criador_circ h3 {font-size: 22px; } } @media (max-width: 950px) { .subir_foto_div { display: none; } .circ_form_cachorro .form-group {margin-right: 0;margin-left: 0;width: 100%;float: left;} .box_circ_cachorro { width: 100%; } .circ_form_cachorro .col-sm-3, .circ_form_cachorro .col-sm-8 { padding-right: 2px; padding-left: 2px; } .text_form_circ, .text_form_circ2 { margin-left: 0; } .text_form_circ2 { margin-top: 23px;padding-top: 18px;margin-bottom: 0; } } @media (max-width: 900px) { .tabs_4 li { font-size: 17px; } #form_criador_circ .tabs_4 li.success .checkmark:before {font-size: 17px;} .content_form_oculto_peq { width: 100%; border: none; margin-bottom: 0px; } .content_form_oculto_gran {width: 100%;} .submit_circ {padding-left: 0%; text-align: center; } .submit_circ .alert-danger { width: 100%; } } @media (max-width: 853px) { .circ_form_cachorro2 .control-label {margin-top: 0;line-height: 24px;width: 80%;text-align: left;} .circ_form_cachorro2 .form-group { margin-bottom: 4px; } .circ_form_cachorro2 .control-label p { margin-bottom: 0; float: left; } .circ_form_cachorro2 .btn-info { float: right; margin-bottom: 4px; margin-top: 0; } .circ_form_cachorro { width: 80%; } } @media (max-width: 850px) { #form_criador_circ .wide_movil { display: none; } #form_criador_circ .tabs_process { display: block; position: relative; z-index: 8; margin: 0 0 40px; } #form_criador_circ .tabs_process li { width: 21%; float: left; height: 55px; background: #eeeeee; margin-right: 5.3%; text-align: center; color: #A5A5A5; } #form_criador_circ .tabs_process li p { margin: 0; font-size: 11px; } #form_criador_circ .tabs_process li.active { background: #05807D; color: white; } #form_criador_circ .tabs_process li.active span { color: #05807D; } #form_criador_circ .tabs_process li:last-child { margin-right: 0; } #form_criador_circ .tabs_process li.success { background: #ecf3da; color: #739B0D !important; } #form_criador_circ .tabs_process li.success span { color: #739B0D; } #form_criador_circ .tabs_process li:last-child { margin-right: 0; } #form_criador_circ .tabs_process li span { margin: 6px auto 4px;display: block;width: 25px;height: 25px;background: white;border-radius: 25px;font-size: 20px; line-height: 25px; } #form_criador_circ .barra_menu_mob { height: 4px;background: #eeeeee;position: relative;display: block !important;width: 100%; top: 26px; z-index: 3;margin-bottom: 10px; } #form_criador_circ h2 { clear: both; display: inline-block; font-size: 22px; margin: 20px 0px 0; } .circ_form_cachorro2 .control-label {width: 100%;text-align: left;} .circ_form_cachorro2 .col-sm-8 { width: 100%; } .form_veter_circ .princ_img { width: 80px; height: 80px; } } @media (max-width: 850px) and (min-width: 769px) { #form_criador_circ .tabs_process {display: block;position: relative;z-index: 8;width: 100%;margin: 0;top: 3px;} #form_criador_circ #capadatos h2 { width: 70%; margin: 0 auto; display: block; } #form_criador_circ .circ_form_cachorro2 { width: 70%; margin: 0 auto; } } @media (max-width: 768px) { .list_criadores_circ { padding:15px 10px; } .list_criadores_circ li { width: 31%; margin-right: 2%; } #form_criador_circ .tabs_process {margin: 15px 10px 0; } .content_form_oculto_gran { padding: 0 10px; } .submit_circ {padding-left: 0%; text-align: center; margin: 20px 0 0; display: inline-block; } .submit_circ .submit {width: 60%;margin: 0 auto;} #form_criador_circ #divoculto { margin: 0; width: 100%; } .content_form_oculto_peq { margin-top: 0; } .content_form_oculto_gran .col-sm-2 {margin-bottom: 15px;} #form_criador_circ .form-horizontal .control-label { padding-top: 0 !Important; } #form_criador_circ h3 {font-size: 18px; line-height: 22px; } .submit_circ .alert-danger { width: 95%;margin: 0 10px 15px; } .circ_form_cachorro { padding: 0 10px; width: 100%; } .circ_form_cachorro2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} .circ_form_cachorro2 { margin: 0 5px 0; } .circ_form_cachorro2 .form-group {margin-right: 0;margin-left: 0;} .form_veter_circ thead {font-size: 1.3em;} .form_veter_circ {margin-top: 20px;padding: 0 10px;} .form_veter_circ .name_vet_circ { display: table-cell; font-size: 1.2em;line-height: 20px;padding-bottom: 5px;padding-right: 10px; } .form_veter_circ .radio_btn { height: 20px; width: 20px; } .form_veter_circ .service_vet { font-size: 1.1em; margin-left: 27px; margin-right: 5px; line-height: 16px; } .form_veter_circ .service_vet .checkmark {margin-top: 1px;position: absolute;width: 20px;margin-left: -20px } .form_veter_circ .radio_btn { height: 17px; width: 17px; } .form_veter_circ .submit { width: 100%; } .form_veter_circ .btn-default { font-size: 1.2em; } .explic_vet { margin: 0 10px; padding-top: 10px; } .plusvet_form_pagar h2{ padding: 5px 0 12px !Important;} #form_criador_circ #capadatos h2 { width: 75%; margin: 0 auto; display: block; } #form_criador_circ .circ_form_cachorro2 { width: 75%; margin: 0 auto; } } @media (max-width: 700px) { input[type="file"] {display: block;width: 100%;} #form_criador_circ #capadatos h2 { width: 80%; margin: 0 auto; display: block; } #form_criador_circ .circ_form_cachorro2 { width: 80%; margin: 0 auto; } } @media (max-width: 600px) { .list_criadores_circ li { width: 47%; margin-right: 3%; } } @media (max-width: 550px) { .circ_form_cachorro2 .form-group:nth-child(odd){ float: none; width: 100%; } .circ_form_cachorro2 .form-group:nth-child(even){ float: none; width: 100%; } #form_criador_circ h2 {margin: 0;font-size: 1.4em;} .circ_form_cachorro2 .col-sm-8, .circ_form_cachorro2 .col-sm-3 { padding-right: 5px;padding-left: 5px;} } @media (max-width: 500px) { .circ_form_cachorro { width: 100%;} .circ_form_cachorro .col-sm-8, .circ_form_cachorro .col-sm-3 { padding-right: 10px;padding-left: 5px;} .circ_form_cachorro .form-group {margin-right: 0;margin-left: 0; width: 100%;float: left; } .form_veter_circ .princ_img {width: 65px;height: 65px; margin-bottom: 10px; } .destacado_list { display: none !important; } .bs-checkbox{ width: 10%; float: left; } .name_vet { width: 90%; float: left; } .servicios_vet { margin-left: 10%; width: 90%; float: left; } #form_criador_circ #capadatos h2 { width: 100%; padding: 0 10px; } #form_criador_circ .circ_form_cachorro2 { width: 100%; margin: 0; padding: 0 10px; } } @media (max-width: 385px) { .list_criadores_circ {padding: 5px 10px 0;} .list_criadores_circ li { width: 100%; height: auto; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 2px solid #eeeeee; } .content_img_list { width: auto; height: auto; margin-bottom: 10px; background: #FFF; transform-style: none; } .list_criadores_circ li img {display: block;top: 0; transform: none; margin: 0 auto;} .list_criadores_circ li.ninguno_ant { border: none; margin-top: 20px; } #form_criador_circ #divoculto { margin: 0; } .content_form_oculto_peq { margin-top: 0; } .submit_circ .submit {width: 90%;} } @media (max-width: 350px) { #form_criador_circ .tabs_process li {height: 38px;} #form_criador_circ .tabs_process li p { display: none; } #form_criador_circ .barra_menu_mob { top: 18px;} } /* PLUSVET -------------------------------------------------------------------------------------------------------- */ .plusvet_bg { background-position: right center; margin-bottom: 0; background-color: #05807d; background-image:url('/img/responsive/plusvet/plusvet_bg3.jpg') !Important; text-align: center; padding: 0 0 0 8%; position: relative; display: inline-block; } .plusvet_bg h1{ margin-top: 60px; font-size: 55px; font-weight: bold; text-shadow: none; color: #414141; margin-right: 3%; } .plusvet_bg h3{ font-size: 40px; color: #414141; ; /* text-shadow: 3px 3px 5px rgba(255,255,255, 1); */margin-top: 60px; } .plusvet_bg .btn-primary { font-size: 2.4em; padding: 5px 30px;border: 1px solid #b2dad9; margin-top: 20px; margin-bottom: 80px; } .text_plusvet_bg {width: 65%; float: left; } .plusvet_bg .bs-beneficios-alta { background-color: rgba(73, 185, 179, 0.7); border: none; border-radius: 0; width: 30%; float: right; padding: 20px 30px; } .plusvet_bg .bs-beneficios-alta h2 { font-size: 2.1em; color: white; text-align: left; } .plusvet_bg .bs-beneficios-alta li { font-size: 1.3em; text-align: left; margin-bottom: 10px; padding-left: 28px;color: #FFF; padding-right: 30px; } .plusvet_bg .bs-beneficios-alta li .checkmark {padding-top: 3px; float: left; margin-left: -34px; } .plusvet_bg .bs-beneficios-alta li .checkmark:before { font-size: 1.1em;color: #FFF; } .plusvet_bg .bs-beneficios-alta .btn { float: left; font-size: 1.8em; margin: 20px auto 20px; display: table; background: white; color: #49b9b3; border: none; text-decoration: none; } .plusvet_bg .bs-beneficios-alta a.mas_ventajas_plusvet { color: #FFF; font-size: 1.5em; display: block; text-align: left; } .plusvet_bg .bs-beneficios-alta .link_seguir_plus {font-size: 1.4em;padding: 12px 0 15px;display: inline-block;} .plusvet_bg .bs-beneficios-alta a { color: #FFF; text-decoration: underline; } .plusvet_bg .bs-beneficios-alta .text_dest { float: left; text-align: left; border-radius: 4px; font-size: 1.9em; margin: 20px auto 20px; display: table; background:#b0e3e0; color: #287773; border: none; text-decoration: none;padding: 5px 15px; } .plusvet_bg .bs-beneficios-alta .text_dest span { display: block; font-size: 0.7em; } .landing_plusvet .bs-beneficios-alta { background-color: #49b9b3; border: none; width: 100%; float: right; padding: 20px 30px; margin-bottom: 20px; } .landing_plusvet .bs-beneficios-alta h2 { font-size: 2.1em; color: white; text-align: left; } .landing_plusvet .bs-beneficios-alta li { font-size: 1.3em; text-align: left; margin-bottom: 10px; padding-left: 28px;color: #FFF; padding-right: 30px; } .landing_plusvet .bs-beneficios-alta li .checkmark {padding-top: 3px; float: left; margin-left: -34px; } .landing_plusvet .bs-beneficios-alta li .checkmark:before { font-size: 1.1em;color: #FFF; } .landing_plusvet .bs-beneficios-alta .btn { float: left; font-size: 1.8em; margin: 20px auto 20px; display: table; background: white; color: #49b9b3; border: none; text-decoration: none; } .landing_plusvet .bs-beneficios-alta a.mas_ventajas_plusvet { color: #FFF; font-size: 1.5em; display: block; text-align: left; } .landing_plusvet .bs-beneficios-alta .link_seguir_plus {font-size: 1.4em;padding: 12px 0 15px;display: inline-block;} .landing_plusvet .bs-beneficios-alta a { color: #FFF; text-decoration: underline; } .text_plusvet_land h3 { font-size: 40px; color: #49b9b3; text-align: center; } .price_landing_plus { text-align: center; font-size: 1.9em; font-weight: bold; margin-top: 20px; } .landing_plusvet p.size4 { font-size: 1.6em; text-align: center;} .list_resumen_plusvet { border: none; margin-bottom: 20px; margin-top: 20px; } .list_resumen_plusvet strong { font-size: 1.6em; } .eliminar_masc { display: inline-block;float: right;color: #cc0033;font-size: 1.2em; padding-top: 7px; padding-left: 30px; } .eliminar_masc .cerrar_header:before { color: #cc0033; float: right; } .landing_plusvet { position: relative; } .landing_plusvet p.size3{ font-size: 1.4em; text-align: left; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } .landing_plusvet .btn-primary { font-size: 1.9em; } .cuadro_precio_plusvet{ display: table; color: #667f46; margin: 20px auto 30px; padding: 15px 25px; border: 2px solid #d3e1c1; font-size: 1.5em; } .list_resumen_plusvet li { padding-left: 5px; } .list_resumen_plusvet li:nth-child(odd){ background: #FBFAFA; } .list_resumen_plusvet li:first-child { border-top: 1px solid #ddd; } .text_plusvet_land { width: 100%; margin: 0 auto; } .text_plusvet_land .btn-primary { font-size: 2.4em; padding: 5px 30px;} .bg_stamp_plusvet { background-size: contain; height: 340px; width: 290px; background-image: url('/img/responsive/plusvet/stamp_big.png') !Important; background-repeat: no-repeat; position: absolute; right: 70px; top: 170px; } .landing_plusvet p.size2 { font-size: 1.2em; color: #777; } #form_criador_circ .agregar_mascotas_link {font-family: 'Oswald', sans-serif;color: #05807d;text-decoration: none;text-align: right;float: right;margin-top: 15px;display: block;padding-bottom: 30px;line-height: 20px;font-size: 1.6em;font-weight: normal;} .plusvet_form_pagar .price_resumen_precio { border-top: none; padding: 20px 15px 10px; } .plusvet_form_pagar .price_resumen_precio .mascotas_total { font-size: 18px; margin-bottom: 8px; } .plusvet_form_pagar .price_resumen_precio .mascotas_total strong { font-size: 20px; } .plusvet_form_pagar .price_resumen_precio .price_total { font-size: 22px;} .plusvet_form_pagar .price_resumen_precio .price_total_num { font-size: 32px;} .plusvet_form_pagar .btn_resumen_precio {height: auto;padding: 10px;} .plusvet_form_pagar .alert { font-size: 1.3em; padding: 15px 30px; margin-bottom: 30px; } #form_criador_circ .form-horizontal .control-label { padding-top: 15px; } .plusvet_form_pagar #datos_envio2 { margin-top: 0; } .plusvet_form_pagar .strong_form_profes { font-size: 1.2em; width: 45%;float: left; margin-right: 5%; } .plusvet_form_pagar .strong_form_profes strong { width: 140px;display: inline-block; text-align: left; } .plusvet_form_pagar h2 { text-align: left !important; width: 100% !important;} .price_plus_vet { clear: both; padding-top: 10px; } .col_pagos_plusvet { width: 50%; } .col_factur_plusvet { width: 100%; clear: both; } .col_pagos_plusvet h2, .col_factur_plusvet h2 { text-align: left !Important; } .camp_obligatorios { float: right; color: #999; } .btn_next_plusvet { background-color: rgba(0, 97, 114, 0.7);border: none;margin: 10px 0;padding: 10px 30px;color: white;font-size: 24px;border-radius: 4px; display:inline-block; } .btn_next_plusvet:hover { color: white; text-decoration: none; } .landing_plusvet .bs-beneficios-alta { display: none; } .landing_plusvet .btn-primary { margin-top: 40px;} @media (max-width: 1700px) { .plusvet_bg h1 { font-size: 50px;} } @media (max-width: 1600px) { .bg_stamp_plusvet { } .landing_plusvet .bs-beneficios-alta li {margin-right: 250px;} .text_plusvet_bg { width: 68%; } } @media (max-width: 1550px) { .plusvet_bg { padding: 0 0 0 3%;} .plusvet_bg h1 { font-size: 45px; } .text_plusvet_bg { width: 70%;} .plusvet_bg .bs-beneficios-alta { width: 30%;} .bg_stamp_plusvet { top: 160px; } .plusvet_bg .bs-beneficios-alta .btn { font-size: 1.6em;} .plusvet_bg h3 {font-size: 35px;} .plusvet_bg .bs-beneficios-alta li { font-size: 1.1em;} .plusvet_bg .bs-beneficios-alta h2 { font-size: 1.7em; } .landing_plusvet p.size3{ font-size: 1.3em; } } @media (max-width: 1450px) { .bg_stamp_plusvet {width: 250px;} } @media (max-width: 1280px) { .plusvet_bg h1 { font-size: 45px; margin-top: 20px; } .plusvet_bg h3 { font-size: 30px; margin-top: 20px;} } @media (max-width: 1250px) { .plusvet_bg { background-image:url('/img/responsive/plusvet/plusvet_bg4.jpg') !Important; margin-bottom: 15px; } .landing_plusvet .bs-beneficios-alta { width: 90%; margin: 0 auto; } .text_plusvet_land { width: 100%; margin: 20px 0; clear: both; display: inline-block; } .bg_stamp_plusvet { background-size: contain; height: 412px; width: 300px; right: 0; left: auto; } .plusvet_bg { padding: 4%;} .plusvet_bg .bs-beneficios-alta { display: none; } .text_plusvet_bg { width: 100%; } .landing_plusvet .bs-beneficios-alta { display: block; width: 100%; background: #49b9b3; } .bg_stamp_plusvet { top: 300px; right: 20px; z-index: 99;} .plusvet_bg .btn-primary { margin-bottom: 20px; } .landing_plusvet .btn-primary { margin-top: 30px;} } @media (max-width: 1150px) { .landing_plusvet .bs-beneficios-alta { width: 100%; margin: 0 auto; } .text_plusvet_land { width: 100%; margin: 0 auto; } .plusvet_bg h3 {font-size: 38px; } .plusvet_bg .btn-primary {font-size: 2em; } .landing_plusvet .bs-beneficios-alta li {font-size: 1.4em; } .landing_plusvet p.size3 { font-size: 1.4em; } .landing_plusvet .bs-beneficios-alta li {margin-right: 0;} .bg_stamp_plusvet { top: 300px; right: 20px; z-index: 99;} .plusvet_form_pagar .col-md-8 { width: 65%; } .process_resumen_precio_cesta {width: 32%;margin-left: 3%;} } @media (max-width: 1024px) { .plusvet_bg h1 { font-size: 40px; } .landing_plusvet .bs-beneficios-alta li .checkmark { margin-left: -26px; } .landing_plusvet .bs-beneficios-alta li { font-size: 1.2em; } .bg_stamp_plusvet { top: 370px; right: 20px; z-index: 99; width: 250px;} .text_plusvet_land { margin-top: 0; } .plusvet_bg h3 { font-size: 28px;} } @media (width: 1024px) { .plusvet_form_pagar .col-md-8 {width: 64% !important;} } @media (max-width: 1000px) { .plusvet_form_pagar .col-md-8 { width: 100%; } .process_resumen_precio_cesta {margin: 20px auto 5px; float: none; width: 60%; display: block; clear: both; } .text_plusvet_land h3 { font-size: 32px;} .price_landing_plus { text-align: center; font-size: 1.7em;} } @media (max-width: 900px) { #form_criador_circ h2 {width: 100%; padding: 10px; } .landing_plusvet p.size3 { font-size: 1.3em;} } @media (max-width: 850px) { .process_resumen_precio_cesta {margin: 75px auto 5px; } .camp_obligatorios {float: left;padding-top: 10px;padding-bottom: 12px;} .landing_plusvet .bs-beneficios-alta .btn { float: none;} } @media (max-width: 1100px) and (min-width: 769px) { .plusvet_form_datos .form-group {width: 100%; } .plusvet_form_datos .box_circ_cachorro{ width: 100%;} .title_plusvet_datos { margin-bottom: 15px; } } @media (max-width: 768px) { .landing_plusvet {padding: 0 15px; } .plusvet_bg { margin-bottom: 18px; } .plusvet_bg h1 { font-size: 36px; margin-top: 0; } .plusvet_bg h3 {font-size: 25px; margin: 10px 0 0; } .text_plusvet_land h3 { font-size: 28px;} .plusvet_bg .btn-primary {font-size: 1.9em; margin-bottom: 0; } .bg_stamp_plusvet { top: 320px; right: 20px; z-index: 99; width: 220px;} .landing_plusvet .bs-beneficios-alta h2 {font-size: 2.1em;margin-right: 0;} .landing_plusvet .bs-beneficios-alta li {margin-right: 0;} .plusvet_form_pagar .col-md-8 { padding: 0 15px; } .plusvet_form_pagar .process_resumen_precio_cesta{ margin: 15px auto 0;float: none;width: 90%;clear: both;border: 2px solid #ece9e9; } .plusvet_form_pagar h2 {margin: 20px 0 0 !Important; } .list_resumen_plusvet strong {font-size: 1.3em; } .eliminar_masc .cerrar_header:before { color: #cc0033 !important; } .eliminar_masc {padding-top: 3px;} .col_pagos_plusvet { width: 100%; padding: 0 15px; } .col_factur_plusvet { padding: 0 15px; } .plusvet_form_pagar .form-horizontal .submit {width: 100%;text-align: center;display: block;} .plusvet_form_pagar #datos_envio2 {margin-bottom: 0 !important;} .col_factur_plusvet h2 {margin: 20px 0px 15px !important; } .plusvet_form_pagar .strong_form_profes { width: 100%; } .plusvet_form_pagar .strong_form_profes strong {width: 130px;display: inline-block;text-align: left;margin-right: 15px;} .plusvet_form_pagar .form-horizontal .col-sm-2, .plusvet_form_pagar .form-horizontal .col-sm-10 { padding-right: 0; padding-left: 0; } .circ_form_cachorro { margin-top: 0; } .landing_plusvet p.size3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; font-size: 1.2em;} .landing_plusvet .bs-beneficios-alta { padding: 20px; } .price_landing_plus {font-size: 1.4em; line-height: 26px;} .landing_plusvet .btn-primary { margin-top: 15px;} } @media (max-width: 600px) { .bg_stamp_plusvet { display: none;} } @media (max-width: 500px) { .landing_plusvet .bs-beneficios-alta li {margin-right: 0;} .landing_plusvet p.size2 {font-size: 1.1em;line-height: 20px;} } @media (max-width: 420px) { .plusvet_bg { padding: 10% 8%;} .landing_plusvet .bs-beneficios-alta li .checkmark {margin-left: -22px; } .landing_plusvet .bs-beneficios-alta li .checkmark:before {font-size: 0.9em; } .landing_plusvet .bs-beneficios-alta li {padding-left: 21px; } .landing_plusvet p.size3 {font-size: 1.2em;} .landing_plusvet .btn-primary { font-size: 1.9em; white-space: normal; } .cuadro_precio_plusvet {padding: 15px; font-size: 1.4em; } .landing_plusvet .bs-beneficios-alta .btn {font-size: 1.4em; } .landing_plusvet .bs-beneficios-alta li {margin-right: 0;} .text_plusvet_land h2 { font-size: 24px; } .plusvet_bg h1 {font-size: 30px;line-height: 30px;} .plusvet_bg h3 {font-size: 19px;} .landing_plusvet .bs-beneficios-alta h2 {font-size: 1.4em;margin-right: 0;} .plusvet_form_pagar .process_resumen_precio_cesta{ margin: 15px auto 0;} .plusvet_form_pagar .strong_form_profes strong { width: auto; } .plusvet_form_pagar .price_resumen_precio .price_total_num {font-size: 25px;} .plusvet_form_pagar .price_resumen_precio .price_total {font-size: 19px;} .plusvet_form_pagar .price_resumen_precio .mascotas_total {font-size: 17px; margin-bottom: 4px; } .plusvet_form_pagar .price_resumen_precio .mascotas_total strong {font-size: 18px;} } /* ENVÍO VIP -------------------------------------------------------------------------------------------------------- */ .btn_verde_vip { text-align: center; display: inline-block; } .btn_verde_vip a { text-shadow: 1px 1px 1px #474747; margin-top: 9px; display: block; text-decoration: none; font-size: 18px; padding: 18px 30px 19px; font-weight: bold; color: #FFF; text-transform: uppercase; border-radius: 4px;background: #079995; } .btn_verde_vip a:hover { background: #078b87; color: #FFF !important; } .btn_verde_vip a:active {position:relative; top:1px; color: #FFF !important; } .btn_gris_vip { text-align: center; display: inline-block; } .btn_gris_vip a { margin-top: 9px; display: block;text-decoration: none; color: #c4c4c4; text-decoration: none; font-size: 18px; padding: 8px 14px 7px; text-transform: uppercase; border:2px solid #DEDEDE; -o-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;background: #F6F6F6; } .btn_gris_vip a:hover { color: #c4c4c4 !important; } .envio_vip { background: #f1fbd8; width: 100%; padding: 15px 10px 10px 5px; border: 2px solid #d2e69e; display: inline-table; } .envio_vip_logo {display: block; float: left; height: 90px; width: 90px; padding: 9px 8px 5px 5px; margin-left: 5px; margin-right: 15px; } .envio_vip_text {font-size: 18px; line-height: 26px; } .envio_vip_btn {padding: 13px 10px !important;width: auto !important; margin-left: -190px; margin-top: 15px !important; font-size: 16px; } .envio_vip_frase { display: table-cell; float: left; padding-right: 190px;} .title_vip_cond { clear: both;color: #739B0D;text-align: left;font-family: 'Oswald', sans-serif;width: 100%;line-height: 46px;font-size: 37px;font-weight: normal;text-transform: uppercase;margin: 30px 0 15px;padding-bottom: 10px; display: inline-block; } #envip_vip h1 { margin-top: 20px; color: #006172 !important; border: none; line-height: 45px;font-size: 3.2em; margin-bottom: 15px; font-weight: bold; } #envip_vip img { width: 100%; max-width: 414px; margin-bottom: 15px; margin-right: 15px; float: right; } #envip_vip h3 { font-size: 28px; } .intro_vip { line-height: 32px; font-size: 1.8em; } #envip_vip .benef_lista_conseguir {display: table;margin: 0 0 30px; } #envip_vip .benef_lista_conseguir li {font-size: 0.9em; } #envip_vip .size3 { font-size: 1.3em; } .explic_vip {text-align: center; padding-top: 10px; color: #666; } .explic_vip .mega {font-size: 5em; color: #b5b5b5; } .explic_vip h3 { margin-top: 0; color: #555; } @media (max-width: 1024px) { .intro_vip {line-height: 27px;font-size: 1.5em;} .explic_vip .mega {font-size: 4em; color: #dedede; } .explic_vip h3 {font-size:25px !important; } #envip_vip img {margin-top: 80px;} } @media (max-width: 768px) { #envip_vip img { display: none; } #envip_vip h1 { margin-top: 15px;line-height: 32px;font-size: 2em; margin-bottom: 10px; } .intro_vip { line-height: 26px; font-size: 1.3em; } .title_vip_cond { margin: 15px; width: auto; font-size: 32px; line-height: 40px; } .explic_vip {text-align: left; } .explic_vip .mega { display: none; } .explic_vip h3 { margin-top: 10px; font-size:22px !important; } #envip_vip .size3 { font-size: 1.2em; } .btn_verde_vip {text-align: center;display: table;margin: 0 auto;} } /* LINKING CRIADORES -------------------------------------------------------------------------------------------------------- */ .title_linking { font-size: 2.5em; margin-bottom: 20px; } .static_linking { background:#e9e9e9; padding: 15px 25px 10px; display: inline-block; margin-bottom: 50px; border-radius: 5px; } .static_linking ul { width: 33%; float: left; margin-bottom: 10px; } .static_linking ul li { width: 100%; float: left; margin-left: 15px; margin-bottom: 6px; } .static_linking ul li.title_linking { margin-left: 0; font-size: 1.4em; } .dinamic_linking { clear: both; } .dinamic_linking ul { -webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4; margin-bottom: 60px; } .dinamic_linking ul li { margin-bottom: 6px; } .list_pais{ font-size: 1.5em; border-bottom: 1px solid #ECE9E9; margin-bottom: 13px !Important; } .list_prov{font-size: 1.3em; color: #777; margin-top: 15px !Important; } .list_pais2 {font-size: 1.6em;color: #777;margin-top: 20px !important; } .list_pais2:first-child { margin-top: 0 !Important; } .list_razas { margin-left: 8px; } @media (max-width: 1024px) { .dinamic_linking ul { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; } } @media (max-width: 768px) { .static_linking { margin: 0 10px 30px; } .dinamic_linking { margin: 0 15px 30px; } .dinamic_linking ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } .static_linking ul { width: 50%; float: left; margin-bottom: 10px; } .title_linking { font-size: 2.1em; margin-left: 10px; margin-bottom: 14px; } } @media (max-width: 590px) { .title_linking { font-size: 1.8em; margin-left: 10px; } .static_linking ul { width: 100%; float: left; margin-bottom: 10px; } .dinamic_linking ul { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } } /* COMUNIDAD ---------------------------------------------*/ /* HOME COMUNIDAD ------------------------*/ #home_comunidad .buscador_responsive { margin-bottom: 0; } #home_comunidad .cabecera { color: white; } #home_comunidad .cabecera a { color: white; } .header_comunidad { width:100%; height:480px; background-image:url('/img/responsive/comunidad/home_header_com.jpg'); background-size:cover; background-position: 0 bottom; } .text_header_comunidad {text-align: center; display: table; padding: 20px; margin: 10px auto 0;} .text_header_comunidad p a { color: white; text-shadow: 0.1em 0.1em 0.4em black; } .text_header_comunidad p a:hover { text-decoration: none; } .text_header_comunidad p strong { font-size: 64px; line-height: 70px; color: white;; } .text_header_comunidad p {font-size: 47px;line-height: 56px; text-align: center; } .header_comunidad .btn-primary { font-size: 26px; border: 1px solid #b2dad9; display: table; clear: both; margin: 20px auto 0;} .bg_first_home { background: #fcfcfc; border-bottom: 2px solid #ECE9E9;text-align: left; padding: 10px 0 17px;} #home_comunidad .bg_comunidad_home { border-top: 2px solid #ECE9E9; } #home_comunidad .link_seguir {font-family: arial;color: #49b9b3 !important;text-decoration: none;text-align: center;float: none; margin: 0 auto 25px; display: table;line-height: 20px; border: 2px solid #49b9b3; padding: 15px; font-size: 24px;font-weight: normal; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } #home_comunidad .link_seguir:hover {background: #49b9b3; color: white !important; } #home_comunidad .link_seguir a:hover { color: white !important; } #home_comunidad .fotos_destacadas { margin-left: 10px;} #home_comunidad .fotos_destacadas ul li { margin-right: 2%; margin-bottom: 10px; width: 23.2%; display: inline-block;} #home_comunidad .fotos_destacadas ul li:last-child { margin-right: 0; } #home_comunidad .fotos_destacadas ul li p { text-align: center; margin-top: 8px; font-size: 17px; line-height: 21px;} #home_comunidad .fotos_destacadas ul li img { border: 2px solid #ece9e9; width: 100%; } #home_comunidad .bg_divis_home_articulos h4.titles_home { text-align: center; } .sub_title_home{ width: 100%; display: inline-block; line-height: 34px; font-size: 26px; font-weight: normal; margin: 0 0 15px; text-align: center; padding-bottom: 10px;} .nombres_perros_home { margin: -60px 0 50px; width: 50%; height: 210px; padding: 0 30px 0 320px; float: left; text-align: right; background: url("/img/responsive/comunidad/nombres_perro.jpg") no-repeat scroll left top transparent; } .nombres_gatos_home { margin: -60px 0 50px; width: 50%; height: 210px;float: left;padding: 0 320px 0 30px; text-align: left; background: url("/img/responsive/comunidad/nombres_gato.jpg") no-repeat scroll right top transparent; } .nombres_perros_home a, .nombres_gatos_home a { font-size: 28px; margin-top: 70px; display: block; border: 2px solid #49b9b3; text-align: center; padding: 10px; color: #49b9b3; } .nombres_perros_home a:hover, .nombres_gatos_home a:hover, .nombres_perros_home a:active , .nombres_gatos_home a:active { text-decoration: none; background: #49b9b3; color: white; } @media (max-width: 1350px) { .nombres_perros_home a, .nombres_gatos_home a { font-size: 22px; margin-top: 60px; } } @media (max-width: 1300px) { .header_comunidad { height: 320px; } .text_header_comunidad { margin: 25px auto 0;} .text_header_comunidad p strong { font-size: 54px; } .text_header_comunidad p { font-size: 42px; line-height: 52px;} } @media (max-width: 1150px) { .nombres_perros_home { background-size: 45%; padding: 0 30px 0 25%; margin: -40px 0 50px;} .nombres_gatos_home { background-size: 45%; padding: 0 25% 0 30px;margin: -40px 0 50px; } .nombres_perros_home a, .nombres_gatos_home a { font-size: 20px; margin-top: 40px; } #home_comunidad .fotos_destacadas ul li { width: 23.1%; } #home_comunidad h4.titles_home { margin: 30px 0 0; } .nombres_perros_home {height: 180px; } .nombres_gatos_home {height: 180px; } } @media (max-width: 900px) { .nombres_perros_home a, .nombres_gatos_home a { font-size: 18px; margin-top: 40px;} .sub_title_home { line-height: 32px; font-size: 22px; } .header_comunidad {background-image:url('/img/responsive/comunidad/home_header_movil.jpg'); } } @media (max-width: 810px) { #home_comunidad .fotos_destacadas ul li { width: 23%; } .nombres_perros_home {margin-top: -20px; } .nombres_gatos_home {margin-top: -20px; } .nombres_perros_home a, .nombres_gatos_home a { font-size: 18px; margin-top: 30px;} } @media (max-width: 768px) { .nombres_perros_home { height: 160px; background-size: 40%; width: 100%; padding: 0 30px 0 47%; margin: 0;} .nombres_gatos_home { height: 160px; background-size: 40%; width: 100%; padding: 0 47% 0 30px;margin: 0 0 50px; } .nombres_perros_home a, .nombres_gatos_home a { font-size: 20px; margin-top: 60px; } #home_comunidad .fotos_destacadas ul li { width: 47.2%;} .nombres_home_com h4.titles_home { margin: 20px 0 0; } .sub_title_home { line-height: 24px;} } @media (max-width: 700px) { .text_header_comunidad { margin: 0 auto 0;} .header_comunidad { height: 300px; } .text_header_comunidad p strong {font-size: 40px;line-height: 50px;} .text_header_comunidad p { font-size: 30px; line-height: 40px; text-align: center;} } @media (max-width: 400px) { .nombres_perros_home { width: 100%; height: 180px; margin: 10px 0 0; padding: 125px 0 0; background-position: center top; } .nombres_gatos_home { width: 100%; height: 180px; margin: 0; padding: 125px 0 0; background-position: center top; } .nombres_perros_home a, .nombres_gatos_home a { font-size: 20px; margin-top: 0; width: 100%; } .sub_title_home { line-height: 26px; font-size: 20px;padding-bottom: 0; margin-bottom: 5px; } .nombres_home_com h4.titles_home { margin-bottom: 0; } #home_comunidad .fotos_destacadas ul li { width: 47.2%; } } /* LISTADO COMUNIDAD ------------------------*/ .listado_comunidad { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; width: 100%; margin-top: 20px;} .listado_comunidad li { -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; -webkit-backface-visibility:hidden; } .listado_comunidad li .box { position: relative; cursor: pointer; } .listado_comunidad li .box a { text-decoration: none; } .listado_comunidad li .box img { width: 100%; margin-bottom: 20px; left: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .listado_comunidad li .box .caption { padding: 10px 15px; background-color: rgba(0,0,0,0.8); position: absolute; color: #fff; z-index: 100; -webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;left: 0;} .listado_comunidad li .box .simple-caption { height: auto; width: 100%; visibility:hidden; opacity:0; transition:visibility 0s linear 0.2s,opacity 0.2s linear; bottom: 20px; line-height: 25pt; text-align: left; } .listado_comunidad li .box:hover .simple-caption { visibility:visible; opacity:0.8; background-color: rgba(0,0,0,0.8); transition-delay:0s; } .listado_comunidad li .box .caption .thumb_usuario_com { width: 65px; height: 65px; float: left; overflow: hidden; border: 3px solid white; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; margin-bottom: 30px; margin-right: 10px; } .listado_comunidad li .box .caption .thumb_usuario_com img { width: 100%; height: auto;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; } .listado_comunidad li .box .caption p { margin: 0; font-size: 15px; line-height: 19px; padding: 0; } .listado_comunidad li .box .caption p strong { font-size: 17px; } .listado_comunidad li .box .caption .icon-heart:before, .listado_comunidad li .box .caption .icon-bubble:before { font-size: 19px; top: 2px; position: relative; } .listado_comunidad li .box .icons_thumb_user { margin-right: 30px; font-size: 17px; float: left; } .listado_comunidad_user_fotos { -webkit-column-count: 5; /* Chrome, Safari, Opera */ -moz-column-count: 5; /* Firefox */ column-count: 5; margin-top: 0; display: block; } .more_photos_com {background: #e6e4e4; height: 4px; width: 100%; margin-bottom: 90px; clear: both; margin-top: 40px; } .more_photos_com a {height: 85px; width: 95px; border: 10px solid white; text-align: center; display: table; background: #e6e4e4; margin: 0 auto 0; top: -45px; position: relative; line-height: 75px; border-radius: 92px; color: #a29f9f; font-size: 60px; } .more_photos_com a:hover { text-decoration: none; } .header_listado_razas { /*overflow: hidden;*/ width: 100%; height: 400px; position: relative; margin-top: 18px; background-size: 100% !important; background-repeat: no-repeat !Important; } .sombreado_header_comunidad { text-align: left; z-index: 888; background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.84) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.84))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.84) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.84) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.84) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.84) 100%); } .sombreado_header_comunidad p { margin: 0; } .header_listado_razas img { vertical-align: middle; } .nav-scroller { margin: 15px 0 0; } .menu_listado { text-align: left; display: block; margin: 4px 0 0;} .menu_listado li { display: inline-block; margin-right: 30px; font-size: 20px; color: #c4c4c4; margin-bottom: 10px;} .menu_listado li a { color: #c4c4c4; padding-bottom: 5px; } .menu_listado li:first-child a{ color: #56587a; border-bottom: 3px solid #56587a; } .menu_listado li a:hover { text-decoration: none; color: #56587a; border-bottom: 3px solid #56587a;} .transp_menu_list {display: none; } #modal_list_comunid { max-width: 75%; } .content_modal_list { text-align: center; float: left; margin-bottom: 18px; width: 58%; background: #f1f1f1; } .comments_modal_list { float: right; width: 40%; margin-bottom: 22px;} .content_modal_list img {max-height: 550px; max-width: 100%; } .comments_modal_list .thumb_usuario_big { width: 75px; height: 75px; float: left; overflow: hidden; border: 3px solid #e6e4e4; border-radius: 75px; margin-right: 10px; } .comments_modal_list .thumb_usuario_big img, .comments_modal_list .thumb_usuario_com img { width: 100%; height: auto; min-height: 60px;} .comments_modal_list p { margin-bottom: 0; } .photo_pop_comment { clear: both; padding: 5px 0 50px; } .photo_pop_comment a { text-decoration: none; color: #49b9b3; } .photo_pop_comment .icons_thumb_user { float: left; margin-right: 20px; margin-top: 8px; } .btn_cerrar_modal { float: right;width:30px; background: white; position: absolute; right: 15px; top: 10px; } .comments_modal_list .thumb_usuario_com { width: 60px; height: 60px; float: left; overflow: hidden; border: 3px solid #e6e4e4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; margin-right: 10px; } .comments_modal_list .thumb_usuario_comment { position: absolute; } .escribe_coment_pop { clear: both; margin-bottom: 15px; padding: 8px 0;; } .escribe_coment_pop .form-group{ width: 100%; display: inline-block; padding-left: 70px; } .escribe_coment_pop .form-control{ margin-top: 11px; margin-bottom: 10px; width: 100%; display: inline-block; } .coment_user_com { display: table; } .icons_thumb_user_ficha { font-size: 16px;margin-top: 20px;display: block; } .icons_thumb_user_ficha a{ text-decoration: none; color: #49b9b3; } .icons_thumb_user_ficha .icon-bubble:before { font-size: 17px } @media (max-width: 1050px) { #modal_list_comunid { max-width: 85%; } .listado_comunidad_user_fotos { -webkit-column-count: 4 !important; /* Chrome, Safari, Opera */ -moz-column-count: 4 !important; /* Firefox */ column-count: 4 !important; margin-top: 0 !important; } .listado_comunidad_user_fotos li:last-child { display: none; } } @media (max-width: 950px) { .content_modal_list { text-align: center; float: left; margin-bottom: 18px; width: 50%; background: #f1f1f1; } .comments_modal_list { float: right; width: 48%; margin-bottom: 22px;} } @media (max-width: 800px) { .content_modal_list { text-align: center; float: left; margin-bottom: 18px; width: 100%; background: #f1f1f1; } .comments_modal_list { float: right; width: 100%; margin-bottom: 22px;} #modal_list_comunid {max-width: 90%;} } @media (max-width: 1000px) { .listado_comunidad { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; width: 100%; margin-top: 20px;} } @media (max-width: 768px) { #list_comunidad { margin: 0 15px 0; } #list_comunidad .cabecera { margin: 20px 0 0; } #list_comunidad h2{ font-size: 28px; margin-top: 10px; } .thumb_usuario_com { display: none; } .more_photos_com a {height: 65px;width: 76px;border: 10px solid white;text-align: center;display: table;background: #e6e4e4;margin: 0 auto 0;top: -34px;position: relative;line-height: 52px;border-radius: 54px;color: #a29f9f;font-size: 45px;} .sombreado_header_comunidad { font-size: 35px; } .sombreado_header_comunidad p { margin: 0; } .comments_modal_list .thumb_usuario_com { display: block; } #modal_list_comunid {max-width: 95%;} #modal_list_comunid .modal-body { display: inline-block; width: 100%; } .escribe_coment_pop .thumb_usuario_com { margin-top: -12px;margin-bottom: 18px; } .listado_comunidad_user_fotos { -webkit-column-count: 3 !important; /* Chrome, Safari, Opera */ -moz-column-count: 3 !important; /* Firefox */ column-count: 3 !important; } .listado_comunidad_user_fotos li:last-child { display: none; } .listado_comunidad_user_fotos li:nth-child(4) { display: none; } } @media (max-width: 450px) { .escribe_coment_pop .thumb_usuario_com { margin-top: -7px;margin-bottom: 18px; } .comments_modal_list .thumb_usuario_com {width: 50px;height: 50px; } .escribe_coment_pop .form-group{ padding-left: 60px; } #modal_list_comunid .modal-body {padding: 10px 10px 2px; } .btn_cerrar_modal { right: 9px; } .commentdate { margin-bottom: 6px; } .commentbox .fakeclass { margin-top: -5px; } .comment_muro_comunid .tags { margin-bottom: 0; } } @media (max-width: 380px) { .comments_modal_list .thumb_usuario_big {width: 65px;height: 65px;} } @media (max-width: 350px) { .comments_modal_list .thumb_usuario_com { display: none; } .escribe_coment_pop .form-group{ padding-left:0; margin-bottom: 5px; } } @media (max-width: 768px) { .nav-scroller { margin: 15px 15px 0; width: auto; } } @media (max-width: 400px) { .listado_comunidad { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; width: 100%; margin-top: 20px;} #list_comunidad h2{ font-size: 22px; margin-top: 10px; } .sombreado_header_comunidad { font-size: 30px; } .nav-scroller { width: 100%; margin: 0 0 10px; height: 34px; padding: 0 15px; } .menu_listado { max-width: 2000px; position: relative; text-align: left; white-space: nowrap; overflow-x: auto; padding-right: 50px;} .menu_listado li {display: inline-block;margin-right: 13px;font-size: 17px;color: #c4c4c4;margin-bottom: 10px;} .transp_menu_list { width: 70px;display: block;height: 28px; position: absolute; right: 0; z-index: 77; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ } .listado_comunidad_user_fotos { -webkit-column-count: 2 !important; /* Chrome, Safari, Opera */ -moz-column-count: 2 !important; /* Firefox */ column-count: 2 !important; } .listado_comunidad_user_fotos li:last-child { display: block; } } /* Nombres comunidad */ #top_names {width:100%;margin:10px auto;} #top_names .names_popu { } #top_names h2 {background:none; font-size: 2em; margin:5px 0 0px 5px;} div.top_names_male h2 {color:#6bc8ed; font-weight: bold; font-size: 2.2em;} div.top_names_female h2 {color:#ee6eb6; font-weight: bold; font-size: 2.2em; } #top_names.gatos .top_names_male {float:left;width:50%; background-size: 28%; padding-left: 170px; background: url(/img/responsive/comunidad/bg-catnames-male.jpg) no-repeat left -4px; } #top_names.gatos .top_names_female {float:left;width:50%; background-size: 28%; padding-right: 170px;background: url(/img/responsive/comunidad/bg-catnames-female.jpg) no-repeat right 5px;; } #top_names.perros .top_names_male {float:left;width:50%; background-size: 28%; padding-left: 170px; background: url(/img/responsive/comunidad/bg-male-names.jpg) no-repeat left 75px; } #top_names.perros .top_names_female {float:left;width:50%; background-size: 28%;padding-right: 170px; background: url(/img/responsive/comunidad/bg-female-names.jpg) no-repeat right 5px; } #top_names ul {overflow:hidden;margin-top:0px;} #top_names ul li {padding:8px 0;font-size:1.3em;width:50%;float:left;overflow:hidden; } #top_names a {text-decoration:underline;line-height:1.4em;} #top_names ul li p {margin:0;padding:8px 0;width:100%;float:left; color: #999; font-size: 1.1em;} #top_names ul li span {display:block;width:24px;text-align:right;float:left;margin-right:3px;font-weight:bold;} #top_names .top_names_male span {color:#6bc8ed; margin-right: 10px;} #top_names .top_names_female span {color:#ee6eb6; margin-right: 10px; } .names_buttons {display: inline-block;width:100%;margin:50px auto 0; clear: both; } .names_buttons strong {display:block;font-weight:bold;color:#49bbb5;font-size:1.2em;margin-bottom:3px;} .names_buttons a {float:left;width: 31.3%; background: #F9F9F9; border: 2px solid #F1F1F1; padding: 16px 35px 15px 90px ; margin-right:3%;font-size:1.4em;text-decoration:none;line-height:1.4em; position: relative; } .names_buttons a:last-of-type { margin-right: 0; } .names_buttons a .mega { font-size: 2.5em; margin-left: -70px; color:#49bbb5; position: absolute; } #names {width:100%;margin: 35px auto 0;clear:both;overflow:hidden;font-size:1.1em;line-height:1.3em; display: inline-block; } #names h2 { font-weight:bold; font-size: 25px;} #names .names_male,#names .names_female {float:left;width:50%;} #names .names_male h2 {color:#6bc8ed; background:none;border:none;margin:15px 0;} #names .names_male { padding-right: 60px; } #names .names_female h2 {color:#ee6eb6; background:none;border:none;margin:15px 0;} #names ul {margin-left:26px;} #names ul li { color: #999; padding:6px 5px 5px 5px;margin-bottom:0; margin-left: 20px; font-size: 1.3em;;} #names ul li p { padding-top: 4px; line-height: 35px; } #names .names_male ul li span { position: absolute; margin-left: -50px; float: left; font-weight: bold; background: #6bc8ed; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; min-width: 37px; line-height: 20px; text-align: center; font-size: 1.4em; padding: 10px; color: #fff;} #names .names_female ul li span {position:absolute;float:left;margin-left:-50px;font-weight:bold;background:#ee6eb6; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;min-width: 37px; font-size: 1.4em; padding: 10px; line-height: 20px; text-align:center;color:#fff;} #names a.volver {background: url(/img/bluenarrow.gif) no-repeat left center;padding-left:10px;text-decoration:none;} #names a.volver:hover {text-decoration:underline;} .todos_nombres { display: inline-block; padding: 8px 14px; border: 2px solid #49bbb5; color: #49bbb5; text-decoration: none !important; font-size: 1.3em; margin-top: 10px; margin-right: 15px; } .todos_nombres:hover, .todos_nombres a:active { color: white; background: #49bbb5; } @media (max-width: 1200px) { #top_names h2 { font-size: 1.9em; margin-right: 10px; } } @media (max-width: 1100px) and (min-width: 951px) { .names_buttons a .mega {font-size: 2.2em; margin-left: -55px;} .names_buttons a { font-size: 1.3em; padding: 16px 15px 15px 65px;} #top_names h2 { font-size: 1.8em; } #names ul li p { padding-top: 8px; line-height: 26px; font-size: 0.95em; } #top_names.gatos .top_names_male { background-size: 28% !important; padding-left: 150px; } #top_names.gatos .top_names_female { background-size: 23% !important; padding-right: 140px; } #top_names.perros .top_names_male { background-size: 28% !important;padding-left: 150px; background: url(/img/responsive/comunidad/bg-male-names.jpg) no-repeat left 109px; } #top_names.perros .top_names_female { background-size: 28% !important;padding-right: 150px;background:url(/img/responsive/comunidad/bg-female-names.jpg) no-repeat right 95px } } @media (max-width: 950px) { #top_names h4 { padding: 0 15px; margin-top: 5px; } #top_names h2 { font-size: 1.7em; } #top_names .names_popu { padding: 0 15px; margin-bottom: 20px; } #top_names.gatos .top_names_male {float:left;width:100%; } #top_names.gatos .top_names_female {float:left;width:100%; } #top_names.perros .top_names_male {float:left;width:100%; } #top_names.perros .top_names_female {float:left;width:100%; } #names .names_male,#names .names_female {float:left;width:100%; padding: 0 15px; } .names_buttons { padding: 0 15px; } .names_buttons a { width: 100%; margin-bottom: 8px; padding: 16px 35px 15px 70px; font-size: 1.3em; } .names_buttons strong { font-size: 1.1em;} .names_buttons a .mega { font-size: 2.1em; margin-left: -60px;} .names_buttons { margin: 10px auto 0;} } @media (max-width: 550px) { #top_names.gatos .top_names_male {float:left;width:100%; padding-left: 0; background: none; } #top_names.gatos .top_names_female {float:left;width:100%; padding-right: 0;background: none; } #top_names.perros .top_names_male {float:left;width:100%; padding-left: 0; background: none; ; } #top_names.perros .top_names_female {float:left;width:100%;padding-right: 0; background: none; ;} } @media (max-width: 400px) { #names ul li { font-size: 1.2em;} #names .names_male ul li span { font-size: 1.3em; } #names ul li p { padding-top: 0px;line-height: 26px; font-size: 1em; } #names .names_male h2 { font-size: 23px; margin-top: 0; } #names .names_female h2 { font-size: 23px; margin-top: 10px; } } @media (max-width: 350px) { h4.titles_home { line-height: 29px;font-size: 22px;} #top_names ul li { width: 100%; padding: 0; } .todos_nombres { text-align: center; } } /* FICHA COMUNIDAD ------------------------*/ .img_header_ficha { background: #f3f3f3; z-index: 999; width: 250px; height: 250px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; border: 3px solid #e6e4e4; left: 40px; bottom: -70px; position: absolute; } .img_header_ficha img {width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; } .sombreado_header_comunidad p { margin-left: 300px; } .header_ficha_comunid { position: relative; } .box_header_ficha {height: 400px;margin-top: 18px; width: 100%; } .img_ficha_perfil {width: 100%; height: 250px; position: relative; } .img_header_ficha .subir_foto_perfil_logado {display: block;; position: absolute; z-index: 4444; width: 100%; height: 250px; } .img_header_ficha .subir_foto_perfil_logado:hover {background: url("/img/responsive/comunidad/photo_cam.png") black center center no-repeat;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; display: block;; opacity: 0.7; position: absolute; z-index: 44445; width: 100%; height: 250px; } .dropzone img.main { z-index: 44; } .img_header_ficha img {width: 100%;position: absolute;top: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%;} .info_ficha_user { margin: 90px 0 50px; width: 23%; float: left; padding-right: 2%; color: #777777; } .agregar_amigo_ficha { background: #49bbb5; border-radius: 4px; color: white; padding: 10px 30px; display: table; margin: 0 auto 30px; text-align: center; font-size: 18px; } .agregar_amigo_ficha:hover { background: #3aa59f; color: white; text-decoration: none; } .agregar_amigo_ficha:active { margin-top: 1px; } .enviar_mensaje_ficha { background: #bababa; border-radius: 4px; color: #FFF; padding: 8px 20px; display: inline-block; margin: 10px auto 20px; text-align: center; font-size: 17px;} .enviar_mensaje_ficha:hover { background: #a9a9a9; text-decoration: none; color: white; } .delete_friend:before { text-align: center; content: "\e025"; display: inline-block; font-family: 'dripicons'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; margin: 0;} .datos_ficha_comunid { border-top: 1px solid #dfdfdf; margin-top: 14px; padding-top: 14px; font-size: 1.2em; } .datos_ficha_comunid p { margin-bottom: 5px; } .datos_ficha_comunid .user_box_ficha { padding-bottom: 1px; } .datos_ficha_comunid .user_box_ficha .thumb_usuario { width: 75px;height: 75px;float: left;overflow: hidden;border: 3px solid #e6e4e4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%;;margin-right: 10px; } .datos_ficha_comunid .user_box_ficha .thumb_usuario img {width: 100%;height: auto;min-height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%;} .datos_ficha_comunid .name_user_ficha { font-size: 1.5em; margin-bottom: 3px; word-break: break-all; margin-bottom: 8px; line-height: 23px; } .datos_ficha_comunid .agregar_amigo_ficha {padding: 7px 30px;margin: 10px 0 0;font-size: 18px; } .user_name_lat { padding-left: 85px; } .datos_ficha_comunid .estad_user_ficha { display: block;clear: both;} .datos_ficha_comunid .estad_user_ficha p{ width: 33%; font-size: 0.9em; float: left; display: block; border-right: 1px solid #dfdfdf; text-align: center; padding: 3px 2px; color: #999; text-decoration: none; } .datos_ficha_comunid .estad_user_ficha p span {display: block; font-size: 1.8em; font-weight: bold; color: #555; } .datos_ficha_comunid .estad_user_ficha p:last-child { border: none; } .comment_muro_comunid { background: #f9f9f9; border: 1px solid #dfdfdf; padding: 15px 20px; width: 100%; display: inline-table; margin-bottom: 13px; margin-top: -1px; } .comment_muro_comunid .comments_modal_list { width: 100%; } .comment_muro_comunid .comments_modal_list .name_user_muro {padding-top: 16px; font-size: 1.2em; } .comment_muro_comunid .comments_modal_list .photo_pop_comment .icons_thumb_user { font-size: 1.3em; margin-right: 35px; } .comment_muro_comunid .comments_modal_list .photo_pop_comment p { font-size: 1.2em; font-style: italic; } .comment_muro_comunid .comments_modal_list .img_muro_comun {max-width: 100%; max-height: 500px; display: block; margin: 3px auto 15px; } .comment_muro_comunid a.newtopic { margin-top: 15px; } .sin_foto_user { font-size: 1.5em; margin-top: 10px; } .column_middle_comunic { width: 60%; float: left; padding-right: 25px;padding-left: 15px; } .column_middle_comunic .nav-scroller { width: 100%; margin-top: 0; } .column_middle_comunic .nav-scroller .menu_ficha_com { text-align: left;display: block;margin: 4px 0 0; } .column_middle_comunic .nav-scroller .menu_ficha_com li {display: inline-block; font-size: 1.4em; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;margin-right: 0;margin-bottom: 0;background: white;z-index: 4;position: relative; } .column_middle_comunic .nav-scroller .menu_ficha_com li:first-child {border-left: 1px solid #dfdfdf;} .column_middle_comunic .nav-scroller .menu_ficha_com li.active { background: #f9f9f9; border-bottom: 1px solid #f9f9f9; } .column_middle_comunic .nav-scroller .menu_ficha_com li a { padding: 15px 20px; display: block; /* color: #c4c4c4; */ color: #4c909c; } .column_middle_comunic .nav-scroller .menu_ficha_com li:hover a { border-bottom: none; } .column_middle_comunic .nav-scroller .menu_ficha_com li p {padding: 15px 20px;display: block; margin: 0; color: #999; } .col_left_comun {width: 17%; float: left; margin-top: 50px; } .title_comunid_der { font-size: 1.8em; color: #777777; border-bottom: 1px solid #dfdfdf; clear: both; } .fotos_comunid_der { margin-bottom: 0; display: inline-block; } .fotos_comunid_der .thumb_usuario_big {width: 60px;height: 60px;float: left;overflow: hidden;border: 3px solid #e6e4e4; display: inline-block;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%;margin: 0 8px 8px 0 ; } .fotos_comunid_der .thumb_usuario_big img { width: 100%;height: auto;min-height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; vertical-align: middle;} .column_fotos_comunic {width: 77%;float: left;padding-right: 0;padding-left: 15px; margin-bottom: 60px;} .column_fotos_comunic .comment_muro_comunid { } .column_fotos_comunic .nav-scroller .menu_ficha_com li {margin-right: -3px; } .ver_link_comunid { display: none; } .column_fotos_comunic .datos_ficha_comunid {border-top: none; padding-top: 0; } .column_fotos_comunic .datos_ficha_comunid .user_box_ficha .thumb_usuario {width: 150px;height: 150px;float: left;overflow: hidden;border: 3px solid #e6e4e4;border-radius: 150px;margin-right: 10px; margin-bottom: 1px;} .column_fotos_comunic .datos_ficha_comunid .user_box_ficha .user_name_lat {padding-left: 165px; } .column_fotos_comunic .datos_ficha_comunid .name_user_ficha { padding-top: 10px; } .title_izq_comunid { font-size: 1.4em; padding-bottom: 5px; } .fotos_user_ficha_down { display: block; } .fotos_user_ficha_down li { width: 16.6%; float: left; text-align: center; padding: 10px; } .fotos_user_ficha_down li a:hover { text-decoration: none; } .fotos_user_ficha_down .thumb_usuario_big {width: 85px; height: 85px; float: none; display: block; margin: 0 auto; border-radius: 85px } .fotos_user_ficha_down .name_mascota { font-size: 1.3em; margin-bottom: 0px; } .fotos_user_ficha_down .raza_mascota { font-size: 0.9em; color: #888; } .column_fotos_comunic .title_comunid_der {border-bottom: none;padding-bottom: 4px;} .fotos_user_ficha_down .name_mascota .icon-symbol-female { color: #f66c8e; font-size: 0.9em; margin-left: 5px; } .fotos_user_ficha_down .name_mascota .icon-symbol-male { color: #53a7f2; font-size: 0.9em; margin-left: 5px; } .comment_muro_comunid #listado_videos li { clear: both; } .comment_muro_comunid .ftemas li { border-bottom: 1px solid #EEE; margin-bottom: 15px;} .comment_muro_comunid .ftemas li:last-child { border-bottom: none; margin-bottom: 30px; } .anuncios_ficha_usu li { width: 50%; float: left; padding-right: 50px; margin-top: 15px; padding-left: 125px; } .anuncios_ficha_usu li .thumb { margin-left: -125px; float: left; } .anuncios_ficha_usu li .thumb img { width: 110px; } .anuncios_ficha_usu li .precio_anuncio { float: right; font-size: 1.5em; padding: 0 0 10px 10px; display: inline-block; } .anuncios_ficha_usu li a.strong { font-size: 1.3em; } .servicios_user_comunid { font-size: 1.3em; margin-bottom: 15px; } .publi_anuncios_ficha { width: 33.33333333333333%; float: right; display: block; clear: both; } .col_anuncios_profes_ficha { clear: both; float: right;} .publi_anuncios_profes_ficha { clear: none; float: left; display: block; } .comment_muro_comunid #listado_videos .menu_video_users li { float: left; clear: none; min-height: 20px; } .ficha_content_profess { width: 70%; float: left; } .datos_ficha_comunid2 { margin-top: 0; padding-top: 0; border-top: 0; } .column_middle_comunic .comments_modal_list .thumb_usuario_big_comment { margin-left: 0; position: absolute;} .column_middle_comunic .form-inline .form-group_comment {display: inline-block;width: 100%; padding-left: 90px;} .column_middle_comunic .form-inline .form-control_comment {width: 100%; display: inline-block; height: 57px;font-size: 16px; margin-bottom: 15px; } .comments_modal_list .thumb_usuario_comment { margin-left: 0; position: absolute; } .comment_muro_comunid .comments_modal_list .escribe_coment_pop .form-group { width: 100%; display: inline-block; padding-left: 70px; } .comment_muro_comunid .comments_modal_list .escribe_coment_pop .form-control { width: 100%; display: inline-block; } .agregar_comment_ficha {background: #49bbb5;border-radius: 4px;color: white;padding: 10px 30px;display: table;margin: 0 auto;text-align: center;font-size: 18px;} .agregar_comment_ficha:hover, .agregar_comment_ficha:active { text-decoration: none; } .agregar_comment_ficha .icon-camera { font-size: 1.3em; float: left; margin-right: 10px; } .agregar_foto_comment_user { margin-left: 90px; font-size: 1.1em; display: inline-block; } .agregar_foto_comment_user:hover { text-decoration: none; } .agregar_foto_comment_user .icon-camera{font-size: 1.2em; margin-right: 6px; padding-top: 1px; float: left; } .comment_muro_comunid .videos li.listado_video { border-bottom: 1px solid #EEE; padding-bottom: 20px !Important; min-height: 100px !important; margin-bottom: 22px !important;} .comment_muro_comunid .videos li.listado_video:last-child { border-bottom: none;} ul.videos_mosaic_comunid {width: 100%;margin: 0 auto;clear: both;overflow: hidden;} ul.videos_mosaic_comunid li {float: left;width: 14.6%;margin-right: 20px;height: 170px;overflow: hidden;} ul.videos_mosaic_comunid li .img_video {width: 120px;height: 90px;overflow: hidden;border: 1px solid #515151;margin-left: 0;} ul.videos_mosaic_comunid li .desc_video { width: 100%; display: inline-block;} ul.videos_mosaic_comunid li .title_video { line-height: 15px; margin: 5px 0; max-height: 47px; overflow: hidden; } #listado_videos_comunidad .column_fotos_comunic { padding-left: 0; } #listado_videos_comunidad .info_ficha_user { padding-right: 0; padding-left: 2%; margin-top: 0; } #listado_videos_comunidad .column_middle_comunic .nav-scroller {width: auto;margin-top: 0;float: right;} #listado_videos_comunidad .column_fotos_comunic .nav-scroller .menu_ficha_com li {border-top: 1px solid #dfdfdf; margin-right: -4px; font-size: 1.2em;} #listado_videos_comunidad .column_fotos_comunic .nav-scroller .menu_ficha_com li:last-child { margin-right: 0; } #listado_videos_comunidad .column_middle_comunic .nav-scroller .menu_ficha_com li p {padding: 10px 15px; font-weight: bold; } #listado_videos_comunidad .column_middle_comunic .nav-scroller .menu_ficha_com li a {padding: 10px 15px; } #listado_videos_comunidad .info_ficha_user h3{ font-size: 28px; } #listado_videos_comunidad .registrate-videos p { float: left; margin-top: 8px; font-size: 1.4em; padding-left:50px;} #listado_videos_comunidad .info_ficha_user .mega { font-size: 2.5em; float: left; display: inline-block; position: absolute; left: 10px; } #listado_videos_comunidad .registrate-videos a:hover { text-decoration: none; } #listado_videos_comunidad .borderbox { display: inline-block; width: 100%; padding: 10px; position: relative; } #listado_videos_comunidad h1 { margin-top: 21px; } #ficha_video_comunidad .commentlist { margin: 20px 0 25px; } #ficha_video_comunidad .commentlist li { border-bottom: 1px solid #E3E3E3; height: auto !important; min-height: 60px; padding: 8px 5px 8px 90px;} #ficha_video_comunidad .commentlist li:last-child { border: none; } #ficha_video_comunidad .commentlist .autorbox { margin: 5px 0 0 -90px; overflow: hidden; position: absolute; text-align: center; width: 80px;} #ficha_video_comunidad form button { background-color: #88B615; border: none; margin: 10px 0 20px; padding: 10px 30px; color: white; font-size: 20px; border-radius: 4px;} #ficha_video_comunidad .center-block { display: table; margin-right: auto; margin-left: auto;} #ficha_video_comunidad .bg_send_comment .borderbox p.title_send_comment { margin: 5px 0; } #ficha_video_comunidad .comment_tit_video { font-size: 1.8em; } #ficha_video_comunidad .comment_video_icon { font-size: 1.3em; padding-top: 10px; color: #999; } #ficha_video_comunidad .comment_video_icon a { color: #49b9b3; } #ficha_video_comunidad h1 { margin: 10px 0 15px; } #ficha_video_comunidad h2 { margin: 10px 0 15px; } #ficha_video_comunidad .ficha_content img { max-width: 100%; } .lesgusta { margin-bottom: 10px; position: relative; } #desplegablegusta { background: url('rgba.php/rgba(0, 0, 0, 0.7)'); background: rgba(0, 0, 0, 0.7); display: inline-block; padding: 8px 15px; margin-bottom: 10px; position: absolute; border-radius: 5px; top: 30px; left: 0; } #desplegablegusta li { float: left; margin-right: 10px; } #desplegablegusta li img { width: 50px; border-radius: 50px; border: 2px solid #dfdfdf; } #desplegablegusta li p { display: none; } #desplegablegusta li:last-child { margin-right: 0; } #desplegablegusta:before { content: "\e253"; position: absolute; top: -9px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; color: rgba(0, 0, 0, 0.7);-webkit-font-smoothing: antialiased;} .info_ficha_pet a:hover { text-decoration: none; } .upload_photo_comunidad #gestor_infocab { width: 100%; float: left; } .upload_photo_comunidad #thumbnail_form { padding-left: 0; padding-top: 0;} .upload_photo_comunidad #preview_info { width: auto; margin-right: 10px; } .upload_photo_comunidad #select_info { width: auto;float: none; margin-right: 0; height: auto; } .upload_photo_comunidad #select_info p { background: none; padding: 0; line-height: auto; } .upload_photo_comunidad .img_recortar { float: left; margin-right: 20px; width: 100%;} .upload_photo_comunidad .img_recortada { float: left; margin-right: 20px; width: 100%; } .upload_photo_comunidad #uploaded_image { padding-left: 0; margin-right: 20px; } .upload_photo_comunidad .jcrop-holder { width: 100% !important; } .upload_photo_comunidad #thumbnail_form textarea { width: 100%; } .upload_photo_comunidad #thumbnail_form #tags { width: 50%; } .upload_photo_comunidad #thumbnail_form #save_thumb { margin: 5px auto 25px; float: none; display: block;} #loadingwait .loading_box { height: 100%;width: 100%;display: none;position: absolute; top: 0; z-index: 9999999999999999999;} .loading_div { background:#efefef;border:5px solid #aaa;padding:20px 10px; display: table; margin:5% auto;width:10px; min-height: 10px; position: absolute; left: 50%; transform: translate(-50%, -50%); -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; } @media (max-width: 1550px) { .upload_photo_comunidad #uploader_right { display: none; } } @media (max-width: 768px) { .upload_photo_comunidad #uploader_right { display: none; } #loadingwait .loading_div { width: 100% !important; text-align: center !important; left: 0 !important; padding: 30px 0; } } @media (max-width: 1590px) { .ficha_content_profess { width: 64%; } } @media (max-width: 1270px) { .ficha_content_profess { width: 63%; } } @media (max-width: 1170px) { .ficha_content_profess { width: 62%; } } @media (max-width: 790px) { .ficha_content_profess { width: 55%; } } @media (max-width: 660px) { .ficha_content_profess { width: 50%; } } @media (max-width: 610px) { .ficha_content_profess { width: 40%; } } @media (max-width: 1550px) { ul.videos_mosaic_comunid li { width: 17.6%;} ul.videos_mosaic_comunid li:nth-child(6) { display: none; } .col_anuncios_profes_ficha { width: 100%; display: table-cell;} } @media (max-width: 1210px) { ul.videos_mosaic_comunid li { width: 16.5%;} .info_ficha_user { width: 30%; } .column_middle_comunic {width: 70%;float: left;padding-right: 0;padding-left: 15px;} .fotos_user_ficha_down li { width: 20%; } } @media (max-width: 1150px) { .publi_anuncios_ficha { width: 100%; float: none; padding-top: 10px; } .publi_anuncios_profes_ficha { clear: none; float: none; margin: 20px auto 0; display: table; } #ficha_anuncios_der .col-md-4 { width: 100%; } } @media (max-width: 1050px) { ul.videos_mosaic_comunid li { width: 22.5%; margin-right: 2%;} ul.videos_mosaic_comunid li:nth-child(5) { display: none; } } @media (max-width: 768px) and (min-width: 765px) { #listado_videos_comunidad { width: 96%; } .publi_anuncios_profes_ficha .margin_left_col { margin: 0; } } @media (max-width: 700px) { ul.videos_mosaic_comunid li { width: 31%; margin-right: 2%;} ul.videos_mosaic_comunid li:nth-child(4) { display: none; } .publi_anuncios_profes_ficha .margin_left_col { margin: 0; } } @media (max-width: 500px) { ul.videos_mosaic_comunid li { width: 48%; margin-right: 2%;} ul.videos_mosaic_comunid li:nth-child(4) { display: block; } } @media (max-width: 400px) { .comment_muro_comunid #listado_videos li { margin-bottom: 10px; } .comment_muro_comunid #listado_videos .menu_video_users li { margin-bottom: 0 !important; padding-bottom: 0 !important; } } @media (max-width: 350px) { ul.videos_mosaic_comunid li { width: 100%; margin-right: 0%; border-bottom: 1px solid #EEE; margin-bottom: 15px; text-align: center; } ul.videos_mosaic_comunid li .img_video { display: block;float: none;margin: 0 auto 10px; text-align: center; } ul.videos_mosaic_comunid li:nth-child(4) { border-bottom: none; margin-bottom: 0; } } @media (max-width: 1400px) { .header_listado_razas { height: 350px; } .box_header_ficha {height: 350px; } .header_ficha_comunid .subir_foto_header_logado:hover {height: 350px; } } @media (max-width: 1250px) and (min-width: 769px) { .datos_ficha_comunid .estad_user_ficha a{ width: 100%; border-bottom: 1px dashed #dfdfdf; border-right: none; padding-bottom: 10px; } .comment_muro_comunid .comments_modal_list .photo_pop_comment .icons_thumb_user {font-size: 1.2em; } } @media (max-width: 1200px) and (min-width: 901px) { #ficha_comunidad .header_listado_razas {height: 300px;} .box_header_ficha { height: 300px; } .header_ficha_comunid .subir_foto_header_logado:hover { height: 300px; } .img_header_ficha {width: 200px;height: 200px;overflow: hidden;border-radius: 200px;left: 30px;bottom: -30px;} .img_header_ficha .subir_foto_perfil_logado { height: 200px; } .img_header_ficha .subir_foto_perfil_logado:hover {height: 200px; } } @media (max-width: 1150px) { .fotos_user_ficha_down li {width: 25%; } } @media (max-width: 1050px) and (min-width: 900px) { .col_left_comun {width: 100%;float: left;margin-top: 10px; margin-bottom: 30px; } .datos_ficha_comunid .agregar_amigo_ficha {padding: 7px 20px;} } @media (min-width: 901px) { .hidden_comunid { display:block;} .visible_comunid { display:block; } } @media (max-width: 900px) { .column_middle_comunic { width: 100%; } .col_left_comun { width: 100%; margin-bottom: 40px; margin-top: 0; } .column_middle_comunic .nav-scroller .menu_ficha_com li {border-top: 1px solid #dfdfdf;} .column_middle_comunic { padding: 0; } #listado_videos_comunidad .column_middle_comunic .nav-scroller { float: left;} .info_ficha_pet { display: none; } .datos_ficha_comunid {font-size: 1.1em;} .fotos_user_ficha_down li {width: 25%; } .anuncios_ficha_usu li .precio_anuncio {font-size: 1.3em; } .anuncios_ficha_usu li {padding-right: 30px; padding-left: 85px; } .anuncios_ficha_usu li .thumb { margin-left: -85px; } .anuncios_ficha_usu li .thumb img { width: 75px; } .img_header_ficha {width: 200px;height: 200px;overflow: hidden;border-radius: 200px;left: 20px;bottom: 30px;} .img_header_ficha .subir_foto_perfil_logado { height: 200px; } .img_header_ficha .subir_foto_perfil_logado:hover {height: 200px; } .sombreado_header_comunidad p { margin-left: 230px;} .header_listado_razas { height: 260px;} .box_header_ficha {height: 260px;} .header_ficha_comunid .subir_foto_header_logado:hover {height: 260px;} .ver_link_comunid { display: block; float: right; position: absolute; right: 15px; } #info_ficha_petid { margin-top: 45px; padding: 10px 10px 0; margin-bottom: 20px;padding-bottom: 15px;background: white;border: 1px solid #dfdfdf;} .info_ficha_user { width: 100%; margin: 20px 0 0px; padding-right: 0; } .datos_ficha_comunid .estad_user_ficha { height: 70px;} } @media (max-width: 768px) { .header_listado_razas { height: 200px;} .box_header_ficha {height: 200px; } .header_ficha_comunid .subir_foto_header_logado:hover {height: 200px; } .anuncios_ficha_usu li { width: 100%; } .info_ficha_user { padding: 0 15px; } .column_middle_comunic { padding: 0 15px; } .col_left_comun { padding: 0 15px; } .img_header_ficha {width: 150px;height: 150px;overflow: hidden;border-radius: 150px;left: 10px;bottom: 29px;} .img_header_ficha .subir_foto_perfil_logado { height: 150px; } .img_header_ficha .subir_foto_perfil_logado:hover {height: 150px; } .sombreado_header_comunidad p {margin-left: 150px;} .comment_muro_comunid { margin-top: 0; padding: 10px; } .column_middle_comunic .nav-scroller { margin: 0; } .column_middle_comunic .nav-scroller .menu_ficha_com {margin: 7px 0 -1px; } .col_left_comun { margin-top: 0; } .fotos_user_ficha_down li {width: 25%; } .fotos_user_ficha_down li:last-child { display: none; } .comment_muro_comunid .videos li.listado_video {padding-left: 0; border-bottom: 1px solid #EEE; display: inline-block; padding-bottom: 10px; margin-bottom: 15px; } .comment_muro_comunid .videos li.listado_video .menu_video_users { margin-top: 10px; } .comment_muro_comunid .videos .img_video { margin-left: 0; margin-right: 10px; margin-bottom: 10px; } .comment_muro_comunid .videos li.listado_video:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 5px !Important; } .column_fotos_comunic .title_comunid_der { line-height: 24px; font-size: 24px; } .servicios_user_comunid {font-size: 1.2em; } .anuncios_ficha_usu p { margin-bottom: 0; } .anuncios_ficha_usu li .precio_anuncio {padding: 0 0 0 10px; } .comments_modal_list .thumb_usuario_comment {margin-top: 0px; } .header_ficha_comunid .subir_foto_header_logado:hover {background-size: 7%; background-position: 95% 15% ; } .img_header_ficha .subir_foto_perfil_logado:hover {background-size: 40%; } #listado_videos_comunidad { margin: 0 15px; } #listado_videos_comunidad .column_middle_comunic { padding: 0; } #listado_videos_comunidad h1 { margin-top: 15px; font-size: 25px; } .comment_muro_comunid #listado_videos li { clear: both; width: 100%; } .column_middle_comunic .nav-scroller .menu_ficha_com li a, .column_middle_comunic .nav-scroller .menu_ficha_com li p { padding: 5px 20px;} .upload_photo_comunidad #thumbnail_form #tags { width: 100%; } } @media (max-width: 600px) { .ver_link_comunid {position: initial;margin-bottom: 10px;border: none;float: left;padding: 0; color: #888; } .ver_link_comunid:hover, .ver_link_comunid:active, .ver_link_comunid:focus {background-color: white !Important; box-shadow: none; } #info_ficha_petid { margin-top: 30px; } .column_fotos_comunic .datos_ficha_comunid .user_box_ficha .thumb_usuario {width: 120px;height: 120px; border-radius: 120px;} .column_fotos_comunic .datos_ficha_comunid .user_box_ficha .user_name_lat {padding-left: 120px;} .datos_ficha_comunid .agregar_amigo_ficha {padding: 7px 14px; } .column_fotos_comunic .datos_ficha_comunid .name_user_ficha {padding-top: 0;margin-bottom: 0;} .fotos_user_ficha_down li {width: 33%; max-height: 160px;overflow: hidden; } .header_ficha_comunid .subir_foto_header_logado:hover {background-size: 10%; background-position: 90% 15% ; } .img_header_ficha .subir_foto_perfil_logado:hover {background-size: 40%; } #ficha_video_comunidad h1 { font-size: 28px; } #ficha_video_comunidad h2 { font-size: 24px; margin: 10px 0 15px;} .comment_muro_comunid .comments_modal_list .img_muro_comun { width: 100%; height: auto; max-width: 550px; } } @media (max-width: 450px) { .img_header_ficha {width: 100px;height: 100px;overflow: hidden;border-radius: 100px;left: 10px;bottom: 24px;} .img_header_ficha .subir_foto_perfil_logado { height: 100px; } .img_header_ficha .subir_foto_perfil_logado:hover {height: 100px; } .sombreado_header_comunidad p {margin-left: 100px;} .agregar_amigo_ficha { margin: 0 auto 22px; } .comment_muro_comunid .comments_modal_list .photo_pop_comment .icons_thumb_user {font-size: 1.1em;margin-right: 18px;} .column_middle_comunic .nav-scroller { padding: 0; } .column_middle_comunic .nav-scroller .menu_ficha_com li {font-size: 1.2em; position: relative;top: -11px; } .column_middle_comunic .nav-scroller .menu_ficha_com li a, .column_middle_comunic .nav-scroller .menu_ficha_com li p {padding: 10px 17px;} .info_ficha_user {margin: 20px 0 10px;} .comment_muro_comunid .comments_modal_list .name_user_muro {padding-top: 10px;} .comment_muro_comunid .comments_modal_list .escribe_coment_pop .form-group { width: 100%; display: inline-block; padding-left: 60px; } .comment_muro_escribir .thumb_usuario_big_comment { display: none; } .column_middle_comunic .form-inline .form-group_comment {padding-left: 0;} .agregar_foto_comment_user {margin-left: 0; margin-bottom: 10px;} .agregar_comment_ficha {width: 100%; } .column_middle_comunic .form-inline .form-group_comment {margin-bottom: 0; } .column_middle_comunic .form-inline .form-control_comment { margin-bottom: 8px; } .fotos_comunid_der .thumb_usuario_big {width: 55px; height: 55px;} .column_fotos_comunic .title_comunid_der { line-height: 24px; margin-bottom: 0; font-size: 20px; padding-bottom: 5px; } } @media (max-width: 450px) and (min-width:400px) { .comment_muro_comunid {margin-top: -11px; margin-bottom: 22px;} } @media (max-width: 400px) { .header_listado_razas { height: 170px;} .box_header_ficha { height: 170px; } .header_ficha_comunid .subir_foto_header_logado:hover { height: 170px; } .fotos_user_ficha_down li { max-height: 160px;overflow: hidden;width: 50%;padding: 10px 5px; } .fotos_user_ficha_down .thumb_usuario_big {width: 70px;height: 70px;border-radius: 70px;} .column_fotos_comunic .datos_ficha_comunid .user_box_ficha .thumb_usuario {width: 90px;height: 90px;border-radius: 90px;} .column_fotos_comunic .datos_ficha_comunid .user_box_ficha .user_name_lat {padding-left: 100px;} .datos_ficha_comunid .agregar_amigo_ficha {padding: 7px 10px;margin: 10px 0 10px;font-size: 17px;line-height: 15px;} .column_fotos_comunic .datos_ficha_comunid .name_user_ficha {padding-top: 0px;} .header_ficha_comunid .subir_foto_header_logado:hover {background-size: 16%; background-position: 90% 15% ; } #listado_videos_comunidad .column_middle_comunic .nav-scroller { float: left; } #listado_videos_comunidad .column_middle_comunic .nav-scroller .menu_ficha_com li a { padding: 5px 10px;} #listado_videos_comunidad .column_middle_comunic .nav-scroller .menu_ficha_com li p { padding: 5px 10px;} .column_middle_comunic .nav-scroller .menu_ficha_com { margin: 10px 0 -1px;} #ficha_video_comunidad .comment_video_icon { font-size: 1.1em; padding-top: 10px; } } @media (max-width: 350px) { .column_middle_comunic .nav-scroller .menu_ficha_com { margin: 7px 0 0; } .column_middle_comunic .nav-scroller {display: table; padding: 0;} .column_middle_comunic .nav-scroller .menu_ficha_com li.active {background: white; border: none;} .column_middle_comunic .nav-scroller .menu_ficha_com li { font-size: 1.3em;background: white; border: none; } .column_middle_comunic .nav-scroller .menu_ficha_com li p, .column_middle_comunic .nav-scroller .menu_ficha_com li a {padding: 0 10px 0 0;} .comment_muro_comunid .comments_modal_list .escribe_coment_pop .form-group { width: 100%; display: inline-block; padding-left: 0; margin-bottom: 5px; } #listado_videos_comunidad .column_middle_comunic .nav-scroller {width: 100%;} #listado_videos_comunidad .column_middle_comunic .nav-scroller li {border-top: none !important; margin-top: 10px;} #listado_videos_comunidad .column_middle_comunic .nav-scroller .menu_ficha_com li a { padding: 0 10px 0 0;} #listado_videos_comunidad .column_middle_comunic .nav-scroller .menu_ficha_com li p { padding: 0 10px 0 0;} .column_middle_comunic .nav-scroller .menu_ficha_com li { border: none !important; } .comment_muro_comunid .comments_modal_list .photo_pop_comment .icons_thumb_user {font-size: 1em; } #home_comunidad .link_seguir { font-size: 20px;} .img_header_ficha { width: 90px; height: 90px; overflow: hidden; border-radius: 100px; left: 10px; bottom: -8px;} } /* BAJA EMAILING ----------------------- */ #emailing_baja h2 { padding: 20px; margin: 20px 0 50px; line-height: 38px; } @media (max-width: 900px) { #emailing_baja h2 { line-height: 30px; font-size: 26px;margin: 20px 0 30px; } } @media (max-width: 768px) { #emailing_baja { padding: 0 13px; } #emailing_baja h2 { line-height: 24px; font-size: 20px;margin: 20px 0; } } /* STATIC TEXT ---------------------------------------------*/ #text_static p { font-size: 1.2em; } #text_static ul { margin: 10px 0 20px 15px; } #text_static ul li { font-size: 1.1em; list-style-position: outside;list-style-type: disc;margin-left: 15px;padding: 3px;} #text_static h2.smalltitle { font-size: 27px !important; } .inerror{border:2px solid #eead90; width: 100%; padding: 6px 12px; } #text_static ol {list-style-type: decimal; margin-left: 25px; font-size: 1.3em; line-height: 28px; } #text_static ol li { margin-bottom: 8px; } #text_static blockquote { border-left: 0; padding: 10px 0px; } #text_static ol.abc { font-size: 1.1em; } #text_static ul.dot li { font-size: 0.7em; margin-left: 5px;} #text_static { word-wrap: break-word; } #text_static .col-md-8 { padding: 20px 0; } @media (max-width: 768px) { #text_static { margin: 0 10px; } #text_static .cabecera { margin: 18px 0; } #text_static h1.smalltitle { font-size: 27px !important; } #text_static h2.smalltitle { font-size: 23px !important; padding-bottom: 4px; } #text_static ol {line-height: 24px; } #text_static .col-md-8 { padding: 5px 0; } } /* FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .contacto_footer {background:#e6e4e4; border-top: 2px solid #dedede; padding: 20px 0 7px; margin-top: 30px; } #email_footer { height: 15px; width: auto; float:left; margin-top: 3px; margin-right: 12px; display: inline-block; } #email_footersvg { height: 15px; width:auto; float:left; margin-top: 3px; margin-right: 12px; } /*@media \0screen { #email_footersvg { display: none; } }*/ :root #email_footersvg, :root #email_footer { height: 15px; width:320px; float:left !Important; display: inline-table; margin-top: 4px; margin-right: 12px; } #email_footer2 { height: 15px; width: auto; float:left; margin-top: 5px; margin-right: 12px; border: none; } .cont_info_contact { text-align: center;display: inline-block; margin: 0 auto !important; } .contact_div { float: left; } #info_contacto_top { padding-top:5px; display: table; width: 100%; margin: 0 auto !important; text-align: center;} #info_contacto_top strong { font-size: 17px; display: block; float: left; margin-right: 14px; color: #888; } #info_contacto_top a {font-size: 17px; text-decoration: none; margin:0 10px; display: block; float: left; } #info_contacto_top a:hover { text-decoration: underline; } footer {background: #888; padding: 25px 0; border-top: 2px solid #DEDEDE; } footer .top { background-image: none !important; clear: both; border-bottom: 1px solid #ECE9E9; color: white; font-family: Arial,Helvetica,sans-serif; font-size: 18px; font-weight: bold; padding-bottom:5px; text-transform: uppercase; margin-bottom: 10px; } footer .box { margin-bottom: 20px; } footer .box li { margin-bottom: 8px; } footer .box li a{ color: white;} footer .col-md-3 { margin-right: 2%; padding: 0; width: 23%; } footer .col-md-3:last-child { margin-right: 0; } .icon_googleplus { background: url("/img/new/sprite.png") no-repeat scroll right -206px transparent; width: 38px; height: 35px; display: inline-block; margin-right:12px; float:left; } .icon_facebook { background: url("/img/new/sprite.png") no-repeat scroll right -253px transparent; width: 22px; height: 35px; display: inline-block; margin-right:12px; float:left; } .icon_twitter { background: url("/img/new/sprite.png") no-repeat scroll right -303px transparent; width: 32px; height: 35px; display: inline-block; margin-right:12px; float:left; } .icon_blog{ background: url("/img/new/sprite.png") no-repeat scroll right -349px transparent; width: 32px; height: 35px; display: inline-block; margin-right:12px; float:left; } .icon_instagram{ background: url("/img/new/sprite.png") no-repeat scroll right -395px transparent; width: 32px; height: 35px; display: inline-block; margin-right:12px; float:left; } .icon_pinterest{ background: url("/img/new/sprite.png") no-repeat scroll right -436px transparent; width: 32px; height: 35px; display: inline-block; margin-right:12px; float:left; } .icon_googleplus a, .icon_facebook a , .icon_twitter a, .icon_blog a, .icon_instagram a, .icon_pinterest a { width: 32px; height: 35px; display: inline-block; } .copyright {color:white !important; width: 100%; clear: both; } .box_app { padding-right: 0; padding-top:10px; margin-bottom: 15px; } .box_app ul { text-align: center; margin: 0 auto; display: block; } .box_app ul li { display: inline-table; text-align: center;} .box_app ul li a { display: inline-block; } .box_app ul li a img { display: block; } .geolocaliz_footer { background: #444; display: block; padding: 15px 10px; font-size: 16px; border-top: 2px solid #434343; color: white; text-align: center; } .geolocaliz_footer a { color: white; text-decoration: underline !Important; font-weight: bold; } /* REPONSIVE FOOTER ----------------------------------------------------------------------------------------------------------- */ @media (min-width: 850px) and (max-width: 1200px) { .icon_googleplus, .icon_facebook, .icon_twitter, .icon_blog, .icon_instagram, .icon_pinterest { margin-right: 4px; } } @media (max-width: 768px) { footer .col-md-3 { width: 100%; padding: 0 15px; } footer .social_footer { padding-bottom: 45px;} .box_app ul li a img { width: 135px; } .contacto_footer { padding: 15px 0 20px; } .cont_info_contact { text-align: left;display: inline-block; margin: 0 auto !important; } #info_contacto_top { margin: 0 auto !important; width: 90%; } #email_footer, #email_footersvg { height: 13px; float: none !important;} #info_contacto_top strong { font-size: 19px; width: 100%; } #info_contacto_top a { display: block; float: left; font-size: 15px; margin: 6px 0 0; padding: 0; text-align: left; text-decoration: none; width: 50%;} #info_contacto_top a:last-child { padding-left: 12px; } .contact_div { float: left; width: 100%; padding: 0; margin: 0; } :root #email_footersvg, :root #email_footer { height: 15px; width: 285px; float:left !Important; display: inline-table; margin-top: 4px; margin-right: 12px; } } @media (min-width: 769px) and (max-width: 900px) { .cont_info_contact { text-align: left;display: inline-block; margin: 0 auto !important; } #info_contacto_top { margin: 0 15px !important; } #email_footer, #email_footersvg { height: 13px;} #info_contacto_top strong { font-size: 18px; width: 100%; } #info_contacto_top a { display: block; float: left; font-size: 15px; padding: 0; text-align: left; text-decoration: none; } #info_contacto_top a:last-child { padding-left: 12px; } @media (min-width: 769px) and (max-width: 1150px) { footer .top { font-size: 16px;} footer .col-md-3 { padding: 0 15px; margin-right: 1%; width: 24%;} footer .social_footer { padding-bottom: 15px;} footer .col-md-3 { float: left; margin-right: 1%; padding: 0 15px; width: 48%; } footer .col-md-3:nth-child(2) { padding-bottom: 15px;} } @media (width: 768px) { footer .col-md-3 { width: 40% !important; } }