html { overflow-y: scroll; width: 100%; height: 100%; margin: 0px; padding: 0px; } body { color: #333; font-family: lato, arial; font-size: 12px; overflow-x: hidden; background-image: url(../img/bg.jpg); } .white-popup { position: relative; background: #FFF; padding: 0px; width: auto; max-width: 500px; margin: 20px auto; box-sizing: border-box; } input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="number"], .item select{ border: 1px solid #DBDBDB ; height: 32px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; width: 100%; border-radius: 3px; color: #666; } .item label{ color: #666; text-transform: uppercase; font-size: 10px; line-height: 2.2em; } textarea{ border: 1px solid #DBDBDB ; padding: 10px ; box-sizing: border-box; border-radius: 3px; color: #666; width: 100%; height: 100px; } .button_submit { background-color: #82C8C2; color: #fff; text-transform: uppercase; width: 100%; border-radius: 3px; border: 0px ; font-size: 13px; height: 40px; line-height: 40px; text-align: center; display: inline-block; margin-bottom: 10px; } a.button_submit:hover{ color: #333; } a { transition-property: color; transition-duration: 0.2s; text-decoration: none; color: #333; } a:hover { color: #99CCCC; } a.active { color: #99CCCC; } .container { max-width: 1200px; margin: 0px auto; position: relative; box-sizing: border-box; padding-left: 20px ; padding-right: 20px ; } #top_homepage{ background-color: #F3A2A8; min-height: 60px; background-image: url(../img/bg_top_homepage.png); background-repeat: no-repeat; display: none; box-sizing: border-box; padding-left: 105px; padding-top: 15px; padding-bottom: 15px; } #top_homepage h1{ margin: 0px; padding: 0px ; color: #FFFFFF; font-size: 20px; } #bottom_homepage{ margin-top: 10px; margin-bottom: 0px; background-color: #CAE0E8; min-height: 60px; color: #fff; font-size: 34px; display: none; box-sizing: border-box; padding-left: 10px; padding-top: 5px; width: 100%; } #bottom_homepage_menu { float: right; } #bottom_homepage_menu a{ background-image: url(../img/bg_bottom_homepage_link.png); background-repeat: no-repeat; background-position: right center; padding-right: 25px; font-size: 12px; font-weight: bold; margin-right: 10px; } figure { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } #menu_profilo{ position: relative; background-color: #fff; text-align: center; box-sizing: border-box; float: left; width: 100%; z-index: 4; } #icon_profilo a { display: inline-block; } #icon_profilo{ border-left: 0px solid #ccc ; border-bottom: 1px solid #ccc ; height: 40px; } a#carrello,a#carrello_mobile { background-image: url(../img/carrello.png); background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; line-height: 24px; color: #fff; } .menu_destra { display: none; background-color: #F3F3F3; min-height: 100%; position: relative; overflow: auto; overflow-x: hidden; padding-left: 15px; padding-right: 20px; text-align: left; padding-bottom: 15px; width: 100%; box-sizing: border-box; border-bottom: 1px solid #E6E6E6 ; } .menu_destra .titolo{ font-size: 2em; margin: 0.67em 0; width: 100%; border-bottom: 1px solid #E6E6E6; padding-bottom: 10px; text-align: center; } .div_fix{ } .chiudi_menu{ position: absolute; top: 60px; left: 0px; display: none; width: 40px; text-align: center; z-index: 2; } .blocco_carrello{ width: 100%; border-bottom:1px solid #E6E6E6; padding-top: 15px; padding-bottom: 15px; clear: both; margin-bottom: 0px; line-height: 14px; box-sizing: border-box; } .blocco_carrello span { font-size: 22px; } .bottone_carrello{ width: 100%; height: 40px; display: block; background-color: #333; background-image: url(../img/bg_pulsante.png); text-align: center; color: #fff; line-height: 38px; } .bottone{ width: 100%; height: 40px; background-color: #333; text-align: center; color: #fff; line-height: 38px; border: 0px; text-transform: uppercase; display: block; } #container_menu{ z-index: 1; position: relative; float: left; width: 100%; height: 100%; } #header { background-color: #ffffff; position: relative; width: 100%; float: left; z-index: 2; } #menu_lingue { border-bottom: 0px solid #E3E4E6 ; padding: 10px ; position: absolute; right: 0px; top: 15px; } #menu_lingue a { font-size: 11px; } #menu_lingue a.active { font-weight: bold; color: #333; } #logo{ float: left; width: 100%; text-align: center; border-bottom: 1px solid #E3E4E6; padding-top: 10px; padding-bottom: 10px; text-align: center; } #logo img{ width: 120px; } .icon_menu_mobile{ position: absolute; left: 10px; top: 20px; } #menu_profile{ border-bottom:1px solid #E3E4E6;float:left; width:100%;line-height:40px; margin-bottom: 0px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; position: relative; } #menu_store{ width: 100%; float: left; position: relative; z-index: 2; /*padding-left: 10px; padding-right: 10px; box-sizing: border-box;*/ } /*#menu_store a#open_menu_store{ float: left; width: 100%; height: 60px; background-color: #E3E4E6; text-align: center; line-height: 60px; color: #fff; font-size: 18px; margin-bottom: 30px; } #menu_store a#open_menu_store.active { background-image: url(../img/bg_pulsante.png); background-color: none; } */ /*#menu_store a { width: 100%; float: left; box-sizing: border-box; padding-bottom: 5px; margin-bottom: 5px; } #menu_store a:hover, #menu_store a#open_menu_store:hover{ color: #C69C6D; } #menu_store a.active { color: #C69C6D; }*/ #menu_store h1 { text-align: left; font-size: 20px; font-weight: normal; margin-bottom: 12px; padding-right: 5px; padding-left: 15px; box-sizing: border-box; float: left; color: #fff; width: 100%; } /*#menu_store img { display: none; }*/ /*.pulsante_vendi { float: left; width: 100%; height: 60px; background-color: #E3E4E6; text-align: center; line-height: 60px; color: #fff; font-size: 18px; margin-bottom: 30px; } .pulsante_vendi:hover { background-image: url(../img/bg_pulsante.png); background-color: none; } .pulsante_vendi.active { background-image: url(../img/bg_pulsante.png); background-color: none; }*/ .sottomenu{ display: none; background-image: url(../img/bg_menu_store.jpg); color: #fff; font-size: 12px; position: absolute; top: 104px; z-index: 3; width: 100%; float: left; overflow: auto; } .sottomenu a{ color: #fff; font-size: 11px; text-transform: uppercase; width: 100%; box-sizing: border-box; padding: 10px 10px 10px 10px; /*border-bottom: 1px dashed #fff;*/ float: left; } .sottomenu a:hover { color: #5A8F8E; } .sottomenu #macro_3 a:hover{ color: #D05F68 !important; } .sotto_sotto_menu.macro_3 a:hover{ color: #D05F68 !important; } #title_sottomenu{ background-image: url(../img/menu_store_attivo.jpg); background-position: center; width: 100%; height: 52px; color: #fff; text-align: center; line-height: 52px; font-size: 15px; } .box_sottomenu{ border-bottom: 1px solid #1B2026 ; width: 100%; float: left; padding-top: 10px; padding-bottom: 5px; margin-bottom: 10px; } a.menu_back{ width: 40px; } .sotto_sotto_menu{ background-image: url(../img/bg_sotto_menu.jpg); position: fixed; left: 450px; top: 0px; bottom: 0px; z-index: 501; width: 200px; color: #fff; display: none; color: #333; padding-top: 15px; } .sotto_sotto_menu a{ color: #fff; font-size: 11px; text-transform: uppercase; width: 100%; float: left; box-sizing: border-box; padding: 10px 10px 10px 10px; /*border-bottom: 1px dashed #fff;*/ } .sotto_sotto_menu a:hover { color: #5A8F8E; } .macro_visible{ display: none; } a.menu_mobile_macro{ background-image: url(../img/bg_menu_mobile.png); background-repeat: no-repeat; background-position: right center; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; width: 100%; display: inline-block; border-bottom: 3px solid #99CCCC; background-color: #56ABAD; } a.menu_mobile_macro.active{ background-color: #fefefe; } #content_filtri { color: #fff; font-size: 12px; background-color: #99CCCD; width: 100%; position: relative; z-index: 1; overflow: auto; } #filtri_display{ display: none; } #filtri_header{ background: #1B2026; border-bottom: 1px solid #333; border-top: 0px solid #333; width: 100%; line-height: 2em; box-sizing: border-box; padding-left: 0px; padding-right: 10px; } #filtri_header a { color: #fff; font-size: 12px; padding: 5px 0px 5px 10px; width: 49%; box-sizing: border-box; display: inline-block; background-image: url(../img/bg_filtri_header_a.png); background-repeat: no-repeat; background-position: right center; } .filtri_title{ border-bottom:1px dotted #fff; border-top:1px dotted #fff; padding: 10px 10px 10px 10px; box-sizing:border-box; color: #fff; font-size: 15px; } .filtri_box{ padding: 7px 10px 7px 10px; box-sizing: border-box; line-height: 1.8em; margin-bottom: 6px; font-size: 11px; } .filtri_box_header{ margin-bottom: 5px; } .filtri_box_corpo, .filtri_box_corpo_genere{ /*max-height: 155px; overflow: auto;*/ box-sizing: border-box; background-color: #83C1C2; padding: 10px ; } span.filtri_titoli{ color: #2E5B5C; font-size: 13px; font-weight: bold; } span.filtri_clear a{ color: #2E5B5C; float: right; font-size: 9px; padding-top: 0px; } #form_filtri input[type=submit]{ border: 0px ; background-image: url("../img/bg_pulsante.png"); font-size: 13px; color: #fff; text-align: center; width: 100%; height: 30px; } .valutazioni{ margin:10px; background-color:#fff; margin-top:-5px; box-sizing:border-box; color:#83C1C2; font-size:13px; line-height: 30px; padding: 5px ; } .feed_valutazioni{ width: 24px; height:25px; position: relative; float: right; margin-right: 5px; margin-top: 0px; position: relative; } .feed_valutazioni_tooltip{ position: absolute; width: 20px; height: 20px; top: -13px; right: -10px; text-align: center; color: #fff; font-size: 12px; line-height: 20px; } .feed_valutazioni_tooltip#pos{ background-image: url(../img/icon_valutazioni_pos_tooltip.png); } .feed_valutazioni_tooltip#neu{ background-image: url(../img/icon_valutazioni_neu_tooltip.png); } .feed_valutazioni_tooltip#neg{ background-image: url(../img/icon_valutazioni_neg_tooltip.png); } .count_feedback{ font-size:18px;vertical-align: middle; margin-right:5px } .valutazione_feedback{ vertical-align: middle; margin-left:5px } #content{ position: relative; /*background-image: url(../img/bg_container.png);*/ /*top: 104px; left: 0px; right: 0px;*/ display: inline-block; width: 100%; z-index: 0; } #content_lista { position: relative; background-image: url(../img/bg_container.png); z-index: 0; } #content_lista_header, #content_lista_briciole{ display: none; } #news_briciole{ padding: 11px 15px 7px 15px; box-sizing: border-box; display: block; background-image: url(../img/bg_content_lista_header.png); width: 100%; line-height: 47px; font-size: 28px; } #news_briciole a.news_categorie{ border: 1px solid #99CCCD; background-color: #fff; color: #333; font-size: 13px; padding: 5px 15px 5px 15px; display: inline; margin-right: 5px; vertical-align: middle; position: relative; } #news_briciole a.news_categorie:hover, #news_briciole a.news_categorie.active{ background-color: #99CCCD; color: #fff; } #negozio_header{ background-color: #F5F5F1; padding-bottom: 50px; } .negozio_title{ border-bottom: 2px solid #fff ; padding: 0px 20px 0px 20px; display: inline-block; width: 100%; box-sizing: border-box; margin-bottom: 10px; } .negozio_title h1{ border-bottom: 2px solid #fff ; padding-bottom: 20px; } .negozio_social{ display: inline-block; width: 100%; } .negozio_social .icona_following{ line-height: 40px; float: left; margin-bottom: 10px; } .negozio_social .fb-like{ float: left; margin-left: 15px; margin-top: 10px; } .negozio_desc{ padding: 0px 20px 0px 20px; font-size: 12px; line-height: 1.6em; } .negozio_corpo{ background-color:#fff; display:inline-block; width:100%; padding: 20px ; box-sizing: border-box; margin-bottom: 10px; } input.negozio_search_input{ line-height: 33px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border: 1px solid #ccc ; border-right: 0px ; padding-left: 10px; padding-right: 10px; width: 200px; font-size: 12px; height: auto; } .negozio_search_submit{ line-height: 35px; width: 39px; margin-left: -5px; border-radius: 4px; background-image: url(../img/icon_negozio_search.png); border: 0px ; } #tabs-container{ display: inline-block; width: 100%; margin-top: -40px; } .tabs-menu { width: 100%; float: left; clear: both; } ul.tabs-menu { padding: 0px ; margin: 0px; margin-left: 0px; } .tabs-menu li { float: left; width: 100%; background-color: #F5F6F1; border-top: 1px solid #d4d4d1; border-right: 1px solid #d4d4d1; border-left: 1px solid #d4d4d1; border-bottom: 3px solid #d4d4d1 ; list-style-type: none; } .tabs-menu li.current { position: relative; background-color: #fff; border-bottom: 1px solid #fff; border-bottom: 3px solid #d4d4d1 ; z-index: 5; } .tabs-menu li a { padding: 10px 10px 10px 10px; color: #83C1C2; text-decoration: none; font-size: 13px; font-weight: bold; display: inline-block; width: 100%; box-sizing: border-box; } .tabs-menu .current a { color: #666666; } .tab { border-top: 1px solid #d4d4d1; float: left; margin-bottom: 20px; width: 100%; } .tab-content { width: 100%; padding: 0px; display: none; box-sizing: border-box; } #tab-1 { display: block; } .titolo_banner{ border-bottom:1px dashed #CCCCCC; padding-bottom:5px; font-size:24px; margin-top:10px; font-weight:normal; margin-bottom:0px } .paginazione, .paginazione_cerca{ padding: 7px 15px 7px 15px; box-sizing: border-box; display: inline-block; width: 100%; text-align: right; margin-top: 10px; } .paginazione a, .paginazione_cerca a { padding: 5px 0px 5px 0px ; margin-bottom: 5px; width: 30px; margin-left: 5px; background-color: #333; display: inline-block; text-align: center; color: #fff; } .paginazione a:hover, .paginazione a.active, .paginazione_cerca a:hover, .paginazione_cerca a.active{ background-color: #99CCCD; } .paginazione.last, .paginazione_cerca.last{ margin-bottom: 15px; } .select_ordinamento{ float: right; background: url(../img/select_down.png) no-repeat right center; height: 34px; width: 50%; border: 0px solid #333333 ; background-color: #1B2026; color: #fff; font-size: 11px; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; } #content_header{ display: block; background-image: url(../img/bg_content_lista_header.png); width: 100%; color: #666666; font-size: 13px; padding: 9px 15px 10px 15px; box-sizing: border-box; border-bottom: 1px dotted #99CCCD; z-index: 2; position: relative; } #content_header a h2{ display: inline; font-weight: normal; padding: 0px ; margin: 0px; font-size: 13px; } #content_bread{ font-size: 24px; color: #99CCCC; padding: 11px 15px 10px 15px; box-sizing: border-box; display: inline-block; background-image: url(../img/bg_content_lista_header.png); width: 100%; z-index: 2; position: relative; margin-bottom: 10px; } #content_bread h1{ font-size: 24px; padding: 0px ; margin: 0px; font-weight: normal; } #content_header a, #content_bread a { color: #333; } #content_header a:hover, #content_bread a:hover, #content_header a.active, #content_bread a.active { color: #99CCCC; } #blocco_collection{ position: relative; } #blocco_collection img{ width: 100%; } #collezione_header{ color:#fff; position:absolute; z-index:1; top:50%; margin-top: -45px; width:100%; text-align:center; height:90px; } #collezione_header span{ font-size:28px; border-top:1px solid #fff; border-bottom:1px solid #fff; line-height: 85px; } .item_collection{ background-color: #C69C6D; color: #fff; font-size: 18px; padding: 15px ; } .item_collection span { font-size: 11px; float: right; padding-top: 5px; } .homepage_item img { width: 100%; max-width: 100%; } .homepage_item{ } #home_saldi img,object,embed, #home_offerte img,object,embed { display: block; max-width: 100%; margin: 0px auto; } #home_saldi, #home_offerte, #select_day, .timeline, #timeline_collection, #form_content, .opzioni, #timeline_diario{ max-width: 100%; margin: 0px auto; font-size: 100%; overflow: hidden; } .opzioni{ padding-top: 15px; } .opzioni div { margin-bottom: 10px; } span.legend_colori{ width: 12px; height: 12px; border: 0px solid red ; display: inline-block; border-radius: 3px; } #tabs .item{ margin-left: 0%; margin-right: 0%; background-color: none; } #blocco_login_negozio{ padding: 5px ; background-color: #fff; margin: 0px auto; max-width: 800px; position: relative; } #blocco_login_negozio .item{ margin-left: 0%; margin-right: 0%; background-color: none; } #blocco_login_negozio .item.meta{ width: 100%; display: inline-block; margin-left: 0%; margin-right: 0%; vertical-align: top; text-transform: uppercase; } #blocco_login_negozio .item.meta label{ font-size: 11px; line-height: 1.8em; } .required{ background-color: #FBE0A7; display: none; padding: 10px ; } select:disabled{ background-color: #EBEBE4; } #menu_negozio{ background-color: #fff; padding-left: 20px ; padding-right: 20px ; max-width: 800px; margin: 0px auto; border-bottom: 1px dashed #ccc ; } h2.menu_negozio_title{ padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px; border-bottom: 1px dashed #ccc ; font-size: 11px; } #menu_negozio h2.menu_negozio_title a{ font-size: 11px; margin-left: 4px; margin-right: 4px; } #menu_negozio h2.menu_negozio_title a:first-child{ margin-left: 0px; } #menu_negozio h2.menu_negozio_title a:last-child{ margin-right: 0px; } #menu_negozio a { text-transform: uppercase; margin-right: 10px; margin-bottom: 10px; } .chat_non_letti{ position: absolute; font-size: 13px; color: #fff; width: 16px; height: 16px; font-weight: bold; text-align: center; background-color: #82C8C2; border-radius: 40px; padding: 5px ; left: 42px; border: 3px solid #fff ; top: 0px; z-index: 1; } .item { font-size: 11px; position: relative; color: #666666; line-height: 1.8em; margin-left: 5%; margin-right: 5%; margin-bottom: 2%; } .timeline .item, #timeline_diario .item{ background-color: rgba(255,255,255,0.8); box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin-bottom: 5%; } .item table{ background-color: #F8F8F8; } .item .item_img{ width: 100%; height: 125px; background-repeat: no-repeat; background-position: center center; background-color: #fff; background-size: cover; position: relative; } #timeline_feed .item .item_img{ height: 180px; } .icon_sconto { position: absolute; top: 10px; left: 10px; background-image: url(../img/icon_sconto.png); background-repeat: no-repeat; width: 51px; height: 57px; box-sizing: border-box; color: #fff; font-size: 17px; font-weight: bold; text-align: center; padding-top: 15px; } .icon_sconto:before { content: "-"; } .img_elenco{ width: 110px; height: 110px; background-repeat: no-repeat; background-position: center center; background-color: #fff; background-size: cover; } .item li { margin: 0px 10px 0px 10px; width: calc(100% - 20px); list-style-type: none; border-bottom: 1px dotted #99CCCD ; line-height: 2.4em; box-sizing: border-box; color: #1B2026; } .item li:last-child { border-bottom: 0px dotted #99CCCD ; } .item li.item_title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #99CCCD; font-weight: bold; font-size: 12px; } .item li.item_title a{ color: #99CCCD; font-weight: bold; font-size: 12px; } .item li.item_brand{ font-style: italic; font-size: 12px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .item li.item_price{ font-size: 17px; font-weight: bold; color: #99CCCD; min-height: 48px; line-height: 1em; position: relative; box-sizing: border-box; padding-top: 10px; } .item li.item_price s{ color: #999; margin-right: 5px; } .item li.item_price span{ font-size: 11px; color: #333; font-weight: normal; } .item li.item_price span:before { /*content: '\A';*/ } .timeline img,object,embed, #timeline_collection img,object,embed, #timeline_diario img,object,embed{ display: block; max-width: 100%; margin: 0px auto; } /*effetto per le img lazy*/ /*.item img { opacity: 0.3; }*/ .transition { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .item img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; } #home_foto{ line-height: 0px; position: relative; z-index: 0; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; position: relative; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index: 0; } /*.home_collection_title_1{ font-size:27px;border-top:1px solid #fff; border-bottom:1px solid #fff; } .home_collection_title_2{ font-size:15px;letter-spacing: 5px; } */ .home_collection{ background-color: #1B2026; color: #fff; width: 100%; height: 100%; text-align: left; font-size: 30px; padding: 20px 25px 20px 25px; box-sizing: border-box; position: absolute; top: 5%; line-height: 0.7em; background-color: transparent; } .home_collection_title_1{ background-color: #99CCCC; font-size: 18px; color: #fff; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; position:relative; z-index:1; display: none; } .home_collection_title_2{ position:relative;z-index:1; background-color: #D4D5E5; color: #fff; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size:15px; display: none; } .home_collection a.home_collection_title_3 { background-color: #F3A2A8; position:absolute; z-index:1; bottom: 10%; color: #fff; padding-left: 20px; padding-right: 20px; font-size:13px; text-transform: uppercase; border-radius: 5px; } .home_collection a.home_collection_title_3:hover{ color: #fff; } div.big_title{ text-align: center; font-size: 18px; color: #333; margin: 0.67em 0; } #footer{ padding: 50px 10px 10px 10px; box-sizing: border-box; position: relative; font-size: 9px; width: 100%; color: #333; background-color: #f8f8f8; } .footer_title{ border-bottom:1px solid #E3E4E6;font-size:15px;padding-bottom:5px;margin-bottom:10px } .footer_menu{ border-top:1px solid #E3E4E6; border-bottom:1px solid #E3E4E6; padding-top:7px; padding-bottom:8px;margin-top:10px; } .footer_menu a { color: #333; text-transform: uppercase; margin-right: 5px; } .footer_menu a:hover, .footer_menu a.active{ color: #99CCCC; } .footer_copy{ color:#A3A3A3; font-size:10px; margin-top:10px; } #menu_social a { opacity: 0.5; margin-right: 5px; } #menu_social a:hover{ opacity: 1; } .display_table { display: table; width: 100%; } .row { display: table-row; } .col { display: table-cell; } .col.wide { width: 92%; } .col.last { white-space: nowrap; background-color: #1B2026; border-left: 1px solid #3D4146; text-align: center; vertical-align: middle; } .wide input { width: 100%; } /*.menu_destra input[type="text"],.menu_destra input[type="email"] { width: 100%; height: 38px; border: 0px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; background-color: red; }*/ #form_contatto input{ margin-bottom: 10px; } /*.menu_destra textarea{ width: 100%; height: 100px; border: 0px ; padding: 10px ; box-sizing: border-box; }*/ .submit_cerca { border: 0px solid #333; font-size: 20px; color: #fff; background-color: #333; width: 100%; } /*#blocco_newsletter input[type="email"]{ border: 0px ; height: 40px; background-color: #1B2026; width: 100%; padding: 10px ; box-sizing: border-box; color: #fff; }*/ #blocco_newsletter input[type="submit"]{ color: #fff; background-color: #1B2026; border: 0px ; font-size: 20px; } #interno{ padding: 0px 20px ; font-size: 13px; line-height: 1.6em; background-image: url(../img/bg_container.png); } #interno h1{ font-size: 20px; text-transform: uppercase; } .header_page { border-bottom: 1px solid #DDD; width: 100%; text-align: left; padding: 10px; font-size: 17px; margin-top: 15px; margin-bottom: 5px; position: relative; height: 45px; z-index: 1; box-sizing: border-box; } .item_registrazione{ padding: 10px 5px 10px 5px; box-sizing: border-box; } /*.item_registrazione input[type="text"], .item_registrazione input[type="password"], .item_registrazione select, .carrello_corpo select{ border: 1px solid #DBDBDB ; height: 32px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; width: 100%; }*/ .item_registrazione label{ color: #666; text-transform: uppercase; font-size: 10px; line-height: 2.2em; } .item_check{ padding-left: 5px; margin-top: 10px; width: 100%; position: relative; clear: both; } /*#registrazione input[type="submit"] { background-color: #fff; width: 280px; border: 3px solid #F2EFEC; font-size: 17px; height: 48px; text-align: center; }*/ .blocco_carrello_elenco{ float:left; width:100%;margin-bottom:25px; color: #999999; } .blocco_carrello_elenco_sx{ float:left; width: 100%; box-sizing: border-box; margin-bottom:25px; background:#fff; } .blocco_carrello_elenco_dx{ float:left; width:100%; background:#F0F0F0; color: #566464; padding: 10px ; box-sizing: border-box; } .blocco_carrello_elenco_ordine{ border-bottom: 3px solid #82C8C2 ; font-size: 15px; color: #666; padding: 10px; margin-bottom: 10px; } .blocco_carrello_elenco_ordine a{ color: #99CCCC; } .blocco_carrello_elenco_sx .linea{ border-bottom: 2px solid #F8F8F8 ; padding-bottom: 10px; margin-bottom: 10px; line-height: 1.6em; } .blocco_carrello_elenco_dx .linea{ border-bottom: 2px solid #fff ; padding-bottom: 10px; line-height: 1.6em; margin-bottom: 10px; } .linea:last-child{ border-bottom: 0px ; } .padding{ padding-left: 10px; padding-right: 10px; } .blocco_carrello_elenco_nome_prodotto{ font-size: 20px; color: #99CCCC; } .scrollup { width: 30px; height: 25px; position: fixed; bottom: 60px; right: 55px; display: none; text-indent: -9999px; background: url('../img/icon_top.png') no-repeat; } /*DETTAGIO*/ #dettaglio{ width: 100%; position: relative; } #gallery_img{ width: 100%; text-align: center; position: relative; } #loading{ width: 48px; height: 48px; background-color: red; top:50%; margin-top: -24px; left:50%; margin-left: -24px; position: absolute; } #gallery_img img{ width: 100%; margin: 0px auto; } #gallery_thumb { position: relative; width: 100%; text-align: left; } #gallery_thumb a{ width: 60px; height: 60px; background-position: center center; background-repeat: no-repeat; display: inline-block; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4); box-shadow: 0 1px 2px rgba(0,0,0,0.4); margin: 10px 0px 10px 10px; opacity: 0.6; background-color: #fff; padding: 0px ; } #gallery_thumb a.active, #gallery_thumb a:hover{ opacity: 1; } #product_info{ position: relative; width: 100%; z-index: 1; box-sizing: border-box; color: #4C4C4C; } #product_info_grey{ background-color: #F0F0F0; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4); box-shadow: 0 1px 2px rgba(0,0,0,0.4); padding: 2% ; box-sizing: border-box; } .product_contatta { float:right;font-size:13px; } .product_negozio{ border-bottom: 1px dashed #fff ; font-size: 24px; color: #566464; line-height: 1em; padding-bottom: 7px; margin-bottom: 7px; display: inline-block; } .product_negozio span{ font-size:11px;color:#999999 } .product_negozio a h2{ font-weight: normal; padding: 0px ; margin: 0px; font-size: 24px; } .product_title{ font-size: 24px; color: #99CCCC; margin-bottom: 7px; } .product_code{ font-size: 12px; color: #999999; margin-bottom: 7px; } .product_price{ color: #566464; font-size: 38px; display:table; border-top: 2px solid #fff; border-bottom: 2px solid #fff; width: 100%; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; } .product_price span{ font-size: 12px; vertical-align:middle; } .product_tempi{ background-image: url(../img/icon_tempi.png); background-repeat: no-repeat; background-position: left center; font-size: 12px; color: #566464; margin-bottom: 15px; box-sizing: border-box; padding-left: 40px; min-height: 30px; display: block; line-height: 18px; } .product_tempi span{ color: #E95863; font-size: 13px; font-weight: bold; } .product_pers{ color: #666; font-size: 13px; display:table; border-top: 2px solid #fff; width: 100%; padding-top: 15px; margin-bottom: 10px; } .aggiungi_carrello{ background-image: url(../img/icon_add_carrello.jpg); background-position: left center; background-repeat: no-repeat; } a.aggiungi_carrello:hover{ color: #333; } .aggiungi_lista_regalo { background-color: #d05f68; background-image: url(../img/lista_regalo_bianco.png); background-position: left 10px center; background-repeat: no-repeat; } .product_disponibilta{ font-size: 12px; color: #566464; display: inline-block; width: 100%; } #social{ color:#fff;background:#D4D5E5;font-size:23px; line-height:50px; height: 50px; display: inline-block; width: 100%; padding-left:15px;padding-right:15px;box-sizing:border-box;margin-top:10px; text-align: right; } a.social_icons{ width: 30px; height: 30px; display: inline-block; margin-top: 10px; background-repeat: no-repeat; } .facebook_icon{ background-image: url(../img/icon_social_fb.png); } .facebook_icon:hover{ background-image: url(../img/icon_social_fb_hover.png); } .twitter_icon{ background-image: url(../img/icon_social_tw.png); } .twitter_icon:hover{ background-image: url(../img/icon_social_tw_hover.png); } .pinterest_icon{ background-image: url(../img/icon_social_pin.png); } .pinterest_icon:hover{ background-image: url(../img/icon_social_pin_hover.png); } #product_accordion{ margin-top: 10px; border-top: 3px solid #82C8C2 ; } tr.table_spedizioni_title{ background-color:#EDEDED; font-weight:bold; border-bottom: 1px solid #ddd; border-top: 1px solid #dd; } tr.table_spedizioni_title td{ padding-top: 10px; padding-bottom: 10px; padding-left: 1em; padding-right: 1em; } tr.table_spedizioni_val{ border-bottom: 1px dotted #ddd; } tr.table_spedizioni_val td{ padding-top: 10px; padding-bottom: 10px; padding-left: 1em; padding-right: 1em; } #sidr{ display: none; } #layer_sidr{ position: absolute; display: none; width: 100%; height: 100%; background-image: url(../img/bg_layer_slide.png); top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9; } #all{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10; } /*INFO VENDI*/ #content_vendi{ position: relative; z-index: 0; background-color: #99CCCC; } #home_saldi .item{ padding-left: 2%; padding-right: 2%; box-sizing: border-box; color: #666666; font-size: 16px; line-height: 1.4em; padding-bottom: 5%; text-align: center; } .title_item{ color: #9ECDCE; font-size: 20px; font-weight: bold; text-align: center; padding-top: 3%; padding-bottom: 3%; } figure { position: relative; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } figure img { max-width: 100%; } .block { position: absolute; top: 0px; bottom:0px; color: #fff; z-index: 1; color: #fff; font-size: 23px; text-align: center; width: 100%; height: 100%; text-align: center; } .block:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; /* For visualization background: #808080; width: 5px; */ } .centered { display: inline-block; vertical-align: middle; max-width: 280px; line-height: 1.8em; font-size: 23px; } .centered span { font-size: 15px; } #content_timeline{ background-image: url(../img/bg_timeline.jpg); position: relative; padding-top: 1.5%; padding-bottom: 1.5%; } #tagline { max-width: 950px; margin: 0px auto; color: #fff; text-align: center; } #tagline img { max-width: 100%; } .tagline_1{ font-size: 17px; } .tagline_2{ font-size: 14px; margin-top: 2%; } .tagline_3{ font-size: 12px; margin-top: 2%; } .tagline_4 { color: #5FA4A5; font-size: 18px; margin-top: 2%; padding-bottom: 7%; } .middle{ text-align: center; margin-bottom: 30px; } .middle_1{ font-size: 20px; color: #9ECDCE; line-height: 1.2em; } .middle_2{ font-size: 13px; margin-top: 2%; } .middle_new{ text-align: center; } .bottone_piccolo{ border-radius: 4px; display: inline-block; width: 260px; height: 50px; padding-top: 10px; box-sizing: border-box; background-color: #9ECDCE; color: #fff; text-align: center; font-size: 22px; } a.bottone_piccolo:hover, a.bottone_piccolo.active{ color: #333; } .ui-widget{ font-family: lato, arial; } /*news e promo home*/ #timeline img,object,embed { display: block; max-width: 100%; margin: 0px auto; } #timeline_promo img,object,embed { display: block; max-width: 100%; margin: 0px auto; } #timeline_feed img,object,embed { display: block; max-width: 100%; margin: 0px auto; } #timeline_blog img,object,embed { display: block; max-width: 100%; margin: 0px auto; } #timeline, #timeline_promo, #timeline_feed, #timeline_blog{ max-width: 100%; margin: 24px auto; font-size: 100%; line-height: 1.4em; overflow: hidden; } #timeline .item, #timeline_promo .item, #timeline_feed .item, #timeline_blog .item, .timeline_crafter .item{ position: relative; background: #ffffff; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin: 2%; } #timeline .item img, #timeline_blog .item img, .timeline_crafter .item img{ width: 100%; opacity: 0.8; border-radius: 4px; } #timeline .item img:hover, #timeline_blog .item img:hover, .timeline_crafter .item img:hover{ opacity: 1; } #timeline p, #timeline_blog p, .timeline_crafter p{ padding: 1em; background: #fff; font-size: 1em; margin: 0; } #timeline p.title, #timeline_blog p.title, .timeline_crafter p.title{ font-size: 18px; font-weight: bold; padding-bottom: 0px; } #timeline p.date, p.date, span.date { font-size: 12px; color: #99CCCD; background-image: url(../img/icon_date.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; margin-left: 18px; } #timeline p.abstract, #timeline_blog p.abstract, .timeline_crafter p.abstract{ font-size: 15px; line-height: 1.6em; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; } #timeline p.item_footer, #timeline_blog p.item_footer, .timeline_crafter p.item_footer{ padding-left: 15px; display: inline-block; width: 100%; box-sizing: border-box; } .views{ background-image: url(../img/icon_views.png); background-repeat: no-repeat; background-position: left center; float: left; padding-left: 15px; } .like{ background-image: url(../img/icon_like.png); background-repeat: no-repeat; background-position: left center; float: left; margin-left: 10px; padding-left: 22px; font-size: 16px; color: #83C1C2; } .views_categoria{ background-image: url(../img/icon_directory.png); background-repeat: no-repeat; background-position: left center; float: left; padding-left: 20px; margin-left: 10px; color: #99CCCC; font-size: 12px; } .views_categoria a{ color: #99CCCC; } .bread_news{ border-bottom: 1px solid rgba(0,0,0,.05); margin-bottom: 1.5em; font-size:12px } .bread_news a { color: #99CCCC; } .more_info{ float: right; } #blocco_news{ width:100%; position:relative; overflow: hidden; } .dettaglio_articolo{ width:96%; font-size: 14px; line-height: 2em; position: relative; background: #ffffff; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); padding: 2%; margin: 2%; box-sizing: border-box; } #info_articolo{ width:100%; position:relative; margin-top: 2%; } .box_info{ -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); padding: 2%; position: relative; background: #ffffff; margin: 0% 2% 2% 2%; } .category_title { background: #99CCCD; color: #ffffff; padding: 0 1.5em; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); text-align: center; padding: 1.5em; /*margin: 2% 1% 2% 1%;*/ text-transform: uppercase; } .category_title h1{ font-size: 18px; font-weight: normal; } .category_title h1 span{ font-weight: bold; } .tagcloud a:hover, .authorAbout .theShare a:hover, .socialWidget a:hover { -o-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; border: 1px solid #999; transition: all 0s ease-in-out; background: transparent; color: #82C8C2; } .tagcloud a, .authorAbout .theShare a, .socialWidget a { background: #82C8C2; color: #ffffff; padding: 6px 10px; display: inline-block; margin: 2px 0; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); -o-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .box_info input[type="text"], .box_info input[type="email"], .box_info input[type="url"], .box_info input[type="password"], .box_info input[type="search"], .box_info input[type="tel"], .box_info textarea, .box_info select { outline: none; border: 0; background: rgba(0,0,0,.05); border-radius: 4px; -o-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out; padding: 10px 14px; width: 100%; box-sizing: border-box; } .box_info input[type="submit"], input[type="submit"].search-submit { background: #99CCCD; color: #fff; border: 0px ; border-radius: 4px; -o-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out; padding: 10px 14px; width: 100%; box-sizing: border-box; } .table_random_post{ border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; margin-bottom: 10px; display: inline-block; } .table_random_post img{ border-radius: 4px; } .table_random_post a { color: #99CCCD; font-size: 15px; } .widget-title { border-bottom: 2px solid rgba(0,0,0,.05); margin-bottom: 1.5em; } .widget-title h2 { display: inline-block; border-bottom: 2px solid #99CCCD; margin-bottom: -1px; font-weight: 700; letter-spacing: -1px; font-size: 18px; } .meta-nav { border: 1px solid transparent; display: inline-block; background: #99CCCD; color: #ffffff; padding: 1.5em 3em; line-height: 1; -o-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .meta-nav:hover{ border: 1px solid #99CCCD; background: #fff; color: #99CCCD; } .blocco_ricerca{ -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); padding: 2%; position: relative; background: #ffffff; margin: 0% 2% 2% 2%; } .icona_preferito, .icona_following{ font-size: 11px; } /*.icona_preferito a.aggiungi_preferito.active, .icona_following a.aggiungi_following.active { background-image: url(../img/icon_preferito.png); } */ .icona_preferito a.aggiungi_preferito.active{ background-image: url(../img/icon_preferito.png); } .icona_following_home a{ width: 26px; height: 40px; background-image: url(../img/icon_following_no_attivo.png); display: block; background-position: center center; background-repeat: no-repeat; } /*.icona_preferito a{ width: 26px; height: 40px; background-image: url(../img/icon_preferito_no_attivo.png); position: absolute; right: 0px; top:0px; background-position: center center; background-repeat: no-repeat; }*/ .icona_preferito a{ width: 26px; height: 40px; background-image: url(../img/icon_preferito_no_attivo.png); position: absolute; right: 35px; top:0px; background-position: center center; background-repeat: no-repeat; } .icona_preferito_tot{ background-image: url(../img/icon_bubble_preferiti.png); background-position: center center; background-repeat: no-repeat; width: 30px; line-height: 25px; display: inline-block; color: #fff; text-align: center; font-size: 15px; font-weight: normal; box-sizing: border-box; padding-left: 2px; margin-top: -5px; } .icona_news { position: relative; } .icona_news a { width: 70px; height: 70px; background-color: #fff; position: absolute; left:50%; margin-left:-35px; border-radius: 45px; top: -50px; background-image: url(../img/icon_news_pref_no.png); background-position: center center; background-repeat: no-repeat; } .icona_news a:hover, .icona_news a.active { background-image: url(../img/icon_news_pref_si.png); } #blocco_feedback label { margin-right: 20px; margin-left: 2px; background-position: left center; padding-left: 22px; background-repeat: no-repeat; line-height: 2em; display: inline-block; } #interno_menu{ width: 100%; } #interno_menu ul{ width: 100%; margin: 15px 0px 0px 0px; padding: 0px ; list-style-type: none; } #interno_menu li { text-align: center; text-transform: uppercase; font-size: 12px; padding-bottom: 5px; margin-bottom: 15px; width: 100%; border-bottom: 3px solid #F2EFEC; } #interno_menu li.active{ border-bottom: 3px solid #99CCCD; } #interno_corpo{ width: 100%; line-height: 1.8em; } #menu_posta{ border-bottom: 3px solid #82C8C2; padding-bottom: 10px; margin-bottom: 10px; font-size: 16px; color: #82C8C2; } #menu_posta a{ font-size: 16px; } tr.table_posta_titoli th, tr.table_posta_titoli td{ font-size: 13px; border-bottom: 1px solid #CCCCCC ; padding-bottom: 7px; font-weight: normal; } tr.table_posta_titoli th:hover, tr.table_posta_titoli td:hover{ cursor: pointer; } tr.table_posta_corpo td{ border-bottom: 1px dashed #CCCCCC ; padding-bottom: 10px; padding-top: 10px; font-size: 11px; } /*td.table_posta_nome a{ color: #82C8C2; font-weight: bold; } td.table_posta_oggetto a{ color: #666666; font-weight: bold; font-style: italic; } td.table_posta_data { color: #82C8C2; font-weight: bold; }*/ td.table_dettaglio_intestazione{ font-weight: bold; width: 10%; padding-bottom: 5px; padding-top: 5px; } td.table_dettaglio_valore{ width: 90%; padding-bottom: 5px; padding-top: 5px; color: #82C8C2; } table tr.table_ordini td{ padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dashed #ccc ; } table tr.table_ordini_totali td { padding-bottom: 10px; padding-top: 10px; } .filtri_linea{ width: 100%; border-bottom: 1px solid #83C1C2; display: inline-block; font-size: 12px; padding-bottom: 5px; margin-bottom: 0px; } #menu_store a img{ width: 49.5%; /*display: inline-block;*/ display: none; margin-top: 0px; margin-bottom: 15px; } #menu_store a#pulsante_sconto img{ width: 100%; display: inline-block; margin-bottom: 5bpx; margin-top: 15px; } .thumb{ background-image: url(../img/bg_thumb.png); background-repeat: no-repeat; height: 75px; padding-top: 8px; padding-bottom: 8px; width: 95px; padding-left: 10px; padding-right: 11px; } .thumb_img{ background-position: center center; background-repeat: no-repeat; width: 95px; height: 71px; background-size: 95px auto; position: relative; } .thumb_img_hover{ position: absolute; width: 95px; height: 71px; background-image: url(../img/bg_thumb_active.png); background-repeat: no-repeat; z-index: 1; display: none; top: 0px; } .feed_table{ width: 100%; border-bottom: 1px solid #ddd ; padding-bottom: 10px; margin-bottom: 10px; padding-left: 10px ; padding-right: 10px ; box-sizing: border-box; } #feed_table_head{ background-color: #99CCCD; color: #fff; line-height: 25px; font-weight: bold; margin-bottom: 20px; display: none; border-bottom: 0px solid #ccc ; padding-bottom: 0px; } .feed_table_c1, .feed_table_c2, .feed_table_c3, .feed_table_c4{ width: 100%; display: inline-block; position: relative; vertical-align: middle; padding-bottom: 5px; margin-bottom: 5px; } .item_altri_negozio{ margin-right: 10px; width: 60px; height: 60px; border: 3px solid #fff ; float: left; text-align: center; position: relative; margin-top: 5px; margin-bottom: 5px; border-radius: 3px; background-repeat: no-repeat; background-position: center center; background-color: #fff; font-size: 11px; color: #666; box-sizing: border-box; line-height: 1.5em; } .item_altri_negozio:hover{ cursor: pointer; } .item_altri_negozio span{ font-size: 18px; font-weight: bold; color: #82C8C2; padding-top: 15px; } .img_promo_sx{ width: 74%; height: 180px; background-repeat: no-repeat; background-position: center center; background-color: #fff; background-size: cover; position: relative; display: inline-block; } .img_promo_dx{ width: 26%; display: inline-block; } .img_promo_dx_1, .img_promo_dx_2{ width: 100%; height: 90px; background-repeat: no-repeat; background-position: center center; background-color: #fff; background-size: cover; position: relative; display: block; } .promo_footer{ margin-top: 5px; padding: 5px 10px; border-top:1px dotted #99cccd; position: relative; } .promo_footer_baloon{ width: 100%; position: absolute; height: 70px; top: -63px; left: 0px; } .promo_footer_baloon_img{ border-radius: 45px; width: 70px; height: 70px; margin: 0px auto; background-color: #fff; background-repeat: no-repeat; background-position: center center; border: 3px solid #fff ; -moz-box-shadow:1px 0px 5px #999; -webkit-box-shadow:1px 0px 5px #999; box-shadow:1px 0px 5px #999; } #header_idea_regalo{ background-image: url(../img/header_idea_regalo_768.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; text-align: center; height: 128px; box-sizing: border-box; padding-top: 35px; } a#open_categorie { display: block; width: 100%; line-height: 50px; height: 52px; background-color: #99CCCC; text-align: center; background-image: url(../img/bg_menu_idee_select_on.png); background-repeat: no-repeat; background-position: right center; color: #fff; font-size: 22px; padding-bottom: 5px; } a#open_categorie img, #div_categorie a img { vertical-align: middle; margin-right: 5px; display: inline; } #div_categorie, #div_sottocategorie { display: none; } #div_categorie a, #div_sottocategorie a{ display: block; text-align: center; width: 100%; line-height: 50px; height: 52px; background-color: #f0f0f0; border-bottom: 1px dashed #ccc ; font-size: 22px; } a#open_sottocategorie{ margin-top: 5px; display: block; width: 100%; line-height: 50px; height: 52px; background-color: #F3A2A8; text-align: center; background-image: url(../img/bg_menu_idee_select_on.png); background-repeat: no-repeat; background-position: right center; color: #fff; font-size: 22px; } .menu_idee_categoria a { width: 100%; line-height: 53px; height: 60px; background-color: rgba(153, 204, 204, 0.6); display: inline-block; color: #fff; font-size: 31px; text-align: center; } .menu_idee_categoria a:hover,.menu_idee_categoria a.active { background-color: rgba(153, 204, 204, 1); color: #478F8F; } #timeline_promo.menu_idee_categoria a img { vertical-align: middle; margin-right: 5px; display: inline; } .menu_idee_sottocategoria a { width: 100%; line-height: 53px; height: 58px; border: 1px solid #99CCCC; background-color: #fff; display: inline-block; color: #478F8F; font-size: 26px; text-align: center; } .menu_idee_sottocategoria a:hover,.menu_idee_sottocategoria a.active { background-color: #F3A2A8; border: 1px solid #F3A2A8; color: #FFF; } .valori_range{ background:#F3A2A8; width:100%; text-align:center; font-size:18px; line-height:28px; color: #FFFFFF; border-radius:5px } #filtro{ position: relative; width: 100%; display: flex; } #valore_minimo, #valore_massimo{ display: inline-block; width: 15%; margin-top: -5px; font-size: 14px; } #slider-range{ width: 66%; display: inline-block; margin-left:20px;margin-right:40px;z-index:0; border: 1px solid #C3E1E1; font-size:2em; } .percorso_idee{ border-top:1px dotted #99cccd; text-align:left; padding-top:10px; margin-top:20px; font-size:15px; color:#666666; } .table_codici_title, .table_prodotti_title{ display: none; } .table_codici_text, .table_prodotti_text{ padding: 0px; box-sizing: border-box; display: block; width: 100%; margin-bottom: 30px; } .table_codici_text a p, .table_prodotti_text a p{ padding: 0px ; margin: 0px; } .table_codici_1, .table_codici_2, .table_codici_3, .table_codici_4, .table_codici_5, .table_prodotti_1, .table_prodotti_2, .table_prodotti_3, .table_prodotti_4, .table_prodotti_5{ width: 100%; padding: 10px ; box-sizing: border-box; border-bottom: 1px dashed #D5D5D5 ; position: relative; } .table_codici_1, .table_prodotti_1{ background-color: #EDEDED; } .table_codici_1 h3, .table_prodotti_1 h3{ margin-top: 0px; font-size: 14px; text-transform: uppercase; margin-bottom: 7px; } .table_codici_3, .table_codici_5, .table_prodotti_3, .table_prodotti_5{ background-color: #F8F8F8; } span.dal_al{ color: #ccc; width: 20px; display: inline-block; } span.dal_al_text{ width: 100px; display: inline-block; } span.mobile_codici, span.mobile_prodotti{ font-size: 13px; color: #333333; font-weight: bold; display:inline-block; width: 40%; } .table_codici_5, .table_prodotti_5 { vertical-align: bottom; } .table_codici_5 img, .table_prodotti_5 img { display: inline-block; margin-right: 10px; } .table_codici_text .table_codici_1{ font-size: 12px; } .table_codici_text .table_codici_3{ color: #82C8C2; font-size: 18px; font-weight: bold; } .stato_attivo { background-color: #739C0D; padding: 5px 10px 5px 10px ; border-radius: 15px; display: inline-block; color: #fff; } .stato_terminato { background-color: #A59F9E; padding: 5px 10px 5px 10px ; border-radius: 15px; display: inline-block; color: #fff; } .opzioni_codici, .opzioni_prodotti{ display: none; } .table_prodotti_posizione{ background-color: #D05F68; font-size: 23px; padding: 10px ; color: #fff; position: absolute; top: 0px; left: 0px; border-radius: 45px; z-index: 9; } .stats_prodotto_box{ display: none; } .stats_prodotto_apri{ font-size: 14px; } #menu_mondo_bebuu{ display: none; width: 100%; padding-top: 5px; padding-bottom: 5px; background-color: #fff; position: relative; margin-bottom: 0px; } #menu_mondo_bebuu a{ width: 14.28%; display: block; float: left; background-color: #99CCCC; height: 55px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; box-sizing: border-box; border-right: 1px solid #fff; padding-top: 20px; font-size: 10px; padding-left: 5px; padding-right: 5px; } #menu_mondo_bebuu a:last-child{ border-right: 0px ; } #menu_mondo_bebuu a:hover, #menu_mondo_bebuu a.active{ background-color: #F3A2A8; } .maschera_chat{ width: 62px; height: 62px; background-position: center center; background-repeat: no-repeat; display: inline-block; border-radius: 40px; } #box_chat{ font-size:15px;line-height:1.6em; background-color:#E8EEEE; background-image: url(../img/sfondo_chat.gif); background-position: center center; padding:10px 10px 10px 10px; border-radius:10px; margin-top:10px; } .img_chat{ width: 50px; height: 50px; border: 4px solid #fff ; border-radius: 6px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-color: #fff; } .direction_left{ } .direction_right{ direction: rtl; } .bubble_left { margin-left: 20px; vertical-align: top; position: relative; display: inline-block; max-width: calc(100% - 110px); min-height: 40px; padding: 10px; background: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin-bottom: 10px; font-size: 14px; } .bubble_left:after { content: ''; position: absolute; border-style: solid; border-width: 25px 20px 10px 0; border-color: transparent #FFFFFF; display: block; width: 0; z-index: 1; margin-top: -10px; left: -15px; top: 11px; } .bubble_left:before { content: ''; position: absolute; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); display: block; width: 0; z-index: 0; margin-top: -11px; left: -20px; top: 20px; } .bubble_right { margin-right: 20px; vertical-align: top; position: relative; display: inline-block; max-width: calc(100% - 110px); min-height: 40px; padding: 10px; background: #82C8C2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin-bottom: 10px; font-size: 14px; color: #fff; } .bubble_right:after { content: ''; position: absolute; border-style: solid; border-width: 25px 0px 10px 20px; border-color: transparent #82C8C2; display: block; width: 0; z-index: 1; margin-top: -10px; right: -15px; top: 11px; } .bubble_right:before { content: ''; position: absolute; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); display: block; width: 0; z-index: 0; margin-top: -11px; right: -20px; top: 20px; } .bubble_data{ width: 100%; font-size: 12px; border-bottom: 1px dashed #333333 ; font-weight: bold; direction: ltr; } .immagini_allegati{ margin-top: 10px; display: inline-block; } /* Absolute Center Spinner */ .loader { position: fixed; z-index: 9999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; display: none; } /* Transparent Overlay */ .loader:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); } /* :not(:required) hides these rules from IE9 and below */ .loader:not(:required) { /* hide "loading..." text */ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .loader:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; } /* Animation */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .text_carrello{ display: none; } .img_avatar_feed{ margin-top:-35px; border:4px solid #fff; box-sizing:border-box; width:75px; height:75px; border-radius:90px; background-position: center center; background-repeat: no-repeat; display: inline-block; margin-bottom: 10px; } #box_diario_product{ width: 100%; display: inline-block; background-color: #E8EEEE; background-image: url(../img/bg_box_diario_product.png); background-position: center top; background-repeat: no-repeat; padding: 30px 5% ; border-radius: 10px; margin-top: 20px; margin-bottom: 5px; box-sizing: border-box; } .title_diario_product{ background-color: #59ACAE; color: #fff; font-size: 17px; padding: 5px 15px; box-sizing: border-box; border-radius: 5px; width: 100%; display: inline-block; } .code_diario_product, .text_diario_product{ color: #666666; font-size: 12px; } .link_diario_product{ background-color: #F44D67; color: #fff; font-size: 12px; padding: 10px 15px; box-sizing: border-box; border-radius: 5px; } #box_diario_product_sx{ width: 100%; display: inline-block; } #box_diario_product_dx{ width: 100%; display: inline-block; } .img_diario_product{ width: 180px; height: 180px; background-repeat: no-repeat; background-position: center center; } a.button_pref_negozio{ background-color: #fff; border-radius: 10px; color: #000; font-size: 12px; font-weight: bold; background-image: url(../img/followers.png); background-repeat: no-repeat; background-position: 5% 50%; padding: 10px 10px 10px 35px; } .correlati_dettaglio{ background-color: #fff; font-size: 18px; color: #333333; padding: 15px 20px; font-weight: normal; } .icon_tutorial { width: 223px; height: 44px; position: absolute; left:50%; margin-left: -111px; background-image: url(../img/icon_tutorial.png); background-repeat: no-repeat; z-index: 1; margin-top: 100px; } .box_tutorial{ display: inline-block; width: 100%; position: relative; margin-top: 72px; } .box_tutorial_step{ font-size: 28px; color: #fff; font-weight: bold; background-color: #F3A2A8; border-radius: 45px; position: absolute; width: 72px; height: 72px; left:50%; margin-left: -36px; text-align: center; line-height: 70px; margin-top: -36px; } .box_tutorial_text { background-color: #83C1C2; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 100%; box-sizing: border-box; color: #fff; font-size: 13px; padding: 10px 20px; position: relative; margin-bottom: -8px; margin-top: -10px; } .box_tutorial_text_freccia{ width: 47px; height: 25px; background-image: url(../img/bg_box_tutorial.png); background-repeat: no-repeat; position: absolute; left:50%; margin-left: -23.5px; margin-top: -34px; } .textarea_jhtml{ width:101%;height:200px;background-color:#fff } div.jHtmlArea { border: 5px solid red ; } .rimuovi_tutorial{ float: right; background-color: #666; padding: 7px 15px; color: #fff; border-radius: 5px; margin-top: 7px; } .pulsanti_diario{ width: 100%; } .div_tutorial{ background-color: #eee; border-radius: 5px; box-sizing: border-box; display: inline-block; width: 100%; padding: 15px 15px 15px 15px; margin-bottom: 15px; } .icon_img_form{ vertical-align: middle; margin-right:15px; margin-bottom:15px; } .icon_contatore{ position: absolute; width: 46px; height: 46px; left:50%; margin-left: -23px; margin-top: 0px; color: #fff; background-color: #F3A2A8; font-size: 26px; font-weight: bold; text-align: center; line-height: 44px; border-radius: 45px; } #banner_categoria a, #banner_formato a{ display: inline-block; width: 48%; box-sizing: border-box; text-align: center; font-size: 14px; vertical-align: top; } #banner_categoria a img, #banner_formato a img{ width: 100%; } #banner_categoria a, #banner_formato a{ border: 3px solid #fff ; position: relative; display: inline-block; } #banner_categoria a.active, #banner_formato a.active{ border: 3px solid green; } /*a.button_pref_negozio:hover, a.button_pref_negozio.active{ background-color: red; }*/ h3.h3_materiali { color:#999999; font-size:11px; font-weight: normal; padding: 0px ; margin: 0px; } .container_idea_regalo{ padding: 0px ; } .quanto_spendere{ font-size:20px; color:#F3A2A8 } .ultime_blog { background-color: rgba(153,204,204,0.6); width: calc(100% - 30px); display: inline-block; border-radius: 10px; margin: 15px ; box-sizing: border-box; } a.pulsanti_gift { display: inline-block; margin-left: 1%; margin-right: 1%; background-color: rgba(153, 204, 204, 0.6); border-radius: 90px; font-size: 30px; padding: 30px ; box-sizing: border-box; width: 100px; height: 100px; } a.pulsanti_gift.active{ background-color: #D05F68; color: #fff; } .div_text_gift{ display: none; width: 100%; margin-top: 15px; } .box_icon_notifiche{ width: 40px; display: inline-block; margin-left: 25px; position: relative; } .box_icon_notifiche_tot{ position: absolute; top: -10px; left: -20px; background-color: #99CCCC; font-size: 13px; font-weight: bold; color: #fff; border-radius: 45px; padding: 5px 10px ; } #box_bacheca_wrapper{ display: inline-block; position: relative; width: 100%; } #box_bacheca{ border-radius: 10px; width: 100%; background-color: #9999CC; min-height: 100px; display: inline-block; margin-bottom: 15px; position: relative; z-index: 1; } #box_bacheca_bg{ background-image: url(../img/bebuu_menu.png); background-repeat: no-repeat; width: 200px; height: 100px; position: absolute; right: 0px; top: -50px; z-index: 0; } #box_bacheca_title{ font-size: 16px; color: #fff; padding: 5px 15px ; font-weight: bold; } /*#box_bacheca_testo{ padding-left: 80px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 12px; background-color: #8C8CC6; background-repeat: no-repeat; background-image: url(../img/icon_bacheca.png); background-position: left center; box-sizing: border-box; }*/ #box_bacheca_testo_bg{ background-repeat: no-repeat; background-image: url(../img/icon_bacheca_new.png); background-position: left center; width: 80px; height: 90px; display: inline-block; } #box_bacheca_testo_bg.new{ animation: 1s ease 0s normal forwards 1 fadein; animation-iteration-count: infinite; } #box_bacheca_testo{ display: inline-block; vertical-align: top; padding-right: 0px; padding-top: 20px; padding-bottom: 10px; font-size: 12px; box-sizing: border-box; width: calc(100% - 90px); } @keyframes fadein{ 0% { opacity:0; } 50% { opacity: 1; } 100% { opacity:0; } } #box_bacheca_footer{ width: 100%; display: block; font-size: 12px; font-weight: bold; color: #fff; box-sizing: border-box; padding: 5px 10px ; text-transform: uppercase; text-align: right; } .box_bacheca_list{ border-bottom: 1px dashed #666 ; padding-bottom: 10px; margin-bottom: 10px; display: block; width: 100%; font-size: 12px; } .layer{ width:100%; height:100%; top:0px; left:0px; right:0px; bottom:0px; position:absolute; z-index:1; /*background-color:rgba(0, 0, 0, 0.5);*/ } .box_abbonamento_scaduto, .box_saldo_scaduto{ display: inline-block; width: 100%; background-color: #BB77B8; background-image: url(../img/icon_scaduto.png); background-repeat: no-repeat; background-position: left center; font-size: 12px; color: #fff; border-radius: 10px; box-sizing: border-box; padding-left: 80px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; margin-bottom: 15px; position: relative; z-index: 2; } .box_saldo_scaduto{ background-color: #F38889; } .box_email_codici{ display: none; } .icon_user_codici{ margin-left: 15px; margin-right: 15px; } a.open_box{ font-size: 12px; color: #999999; margin-top: 15px; } a.open_box span{ font-size: 15px; font-weight: bold; color: #82C8C2; } #evidenza_categorie{ background-color: #E8EEEE; } .timeline_crafter .item{ margin-top: 70px; } .diario_venditore_news{ margin-top: -30px; display: inline-block; width: 100%; } .img_avatar_diario{ margin-top:0px; border:4px solid #fff; box-sizing:border-box; width:75px; height:75px; border-radius:90px; background-position: center center; background-repeat: no-repeat; float: left; margin-bottom: 10px; } .diario_venditore_news a{ color: #99CCCC; font-size: 20px; float: left; margin-top: 45px; margin-left: 5px; } .diario_venditore_mask{ display: inline-block; width: 100%; height: 230px; background-position: center center; background-repeat: no-repeat; background-size: cover; } #header_diari { background-color:#D05F68; top:0px; width:100%; z-index:999; padding:10px 20px 10px 20px; box-sizing:border-box; font-size:20px; color:#fff; } /*#header_diari_form{ display: inline-block; margin-left: 0px; }*/ #diari_titolo_mobile{ width: 100%; text-align: center; font-size: 24px; } #cerca_123, #bottone{ display: none; } #cerca_123 { float: left; width: calc(100% - 47px); } #bottone { float: left; width: 47px; } #link_regala_gift{ background-color:#D05F68; background-image: url(../img/icon_regala_gift.png); background-position: left center; background-repeat: no-repeat; padding-left: 40px; box-sizing: border-box; } #box_gift_card a { display:block; color:#fff; font-size:15px; text-align:center;padding-top:5px; padding-bottom:5px; } #link_promozioni{ background-color:#D1B069; background-image: url(../img/icon_promozioni_b.png); background-position: left center; background-repeat: no-repeat; padding-left: 40px; box-sizing: border-box; } .table_codici_title{ display: block; width: 100%; background-color: #EDEDED; border-bottom: 1px solid #D5D5D5 ; box-sizing: border-box; padding: 10px ; font-size: 14px; } .daisy_dx, .daisy_sx{ display: block; width: 100%; } .daisy_totale{ margin-top: 10px; background-color: #D1636C; font-weight: bold; font-size: 18px; color: #fff; padding: 10px 20px; margin-bottom: 6px; } .daisy_totale span{ font-size: 28px; } .daisy_sx span{ background-color: #666; text-align: center; display: inline-block; width: 38px; height: 33px; line-height: 33px; margin-right: 5px; color: #fff; font-size: 18px; font-weight: bold; margin-top: 5px; } .daisy_sx span.fatto{ background-color: #BFBFBF; } .daisy_sx span.active{ background-image: url(../img/icon_daisy.png); height: 43px; background-color: transparent; } .cell_daisy_1, .cell_daisy_2, .cell_daisy_3, .cell_daisy_4{ display: inline-block; box-sizing: border-box; } .cell_daisy_1{ width: 100%; margin-top: 10px; margin-bottom: 10px; } .cell_daisy_2, .cell_daisy_3, .cell_daisy_4{ width: 32.8%; padding-left: 5px; padding-right: 5px; } .cell_daisy_1 img, .cell_daisy_1 span{ display: inline-block; vertical-align: middle; } .cell_daisy_1 img{ margin-right: 10px; } .cell_daisy_2 strong, .cell_daisy_3 strong, .cell_daisy_4 strong{ font-size: 11px; color: #D1636C; text-align: center; } .cell_daisy_2 span, .cell_daisy_3 span, .cell_daisy_4 span{ color: #fff; font-size: 18px; font-weight: bold; padding-top: 15px; padding-bottom: 15px; width: 100%; text-align: center; display: inline-block; } .cell_daisy_2 span{ background-color: #82C8C2; } .cell_daisy_3 span{ background-color: #666666; } .cell_daisy_4 span{ background-color: #D1636C; } .item_codici_sconto{ border: 3px dashed #F57F7F ; padding: 15px ; box-sizing: border-box; color: #666666; text-align: center; font-size: 20px; margin-top: 15px; margin-bottom: 15px; } span.testo_codici { line-height: 1.2em; } .item_codici_sconto a { color: #666; } .item_codici_sconto a p::first-line { color: #F57F7F; font-size: 28px; } .negozio_codici_sx{ display: inline-block; width: 100%; vertical-align: top; } .negozio_codici_dx{ vertical-align: top; border-radius: 10px; line-height: 1.6em; display: inline-block; width: 100%; background-color: #fff; box-sizing: border-box; padding: 25px 15px; color: #666666; font-size: 13px; } .negozio_codici_item{ border-radius: 10px; background-color: #fff; display: inline-block; width: 100%; margin-bottom: 15px; padding: 5px ; box-sizing: border-box; } .negozio_codici_item_border { border: 1px dashed #99CCCD ; border-radius: 10px; box-sizing: border-box; padding: 10px ; } .codici_col_1, .codici_col_2{ display: inline-block; width: 100%; vertical-align: top; font-size: 15px; color: #999999; position: relative; } .codici_col_1{ text-align: center; } .codici_col_2::first-line { color: #F57F7F; font-size: 24px; } .input_codici{ width: 300px !important; background-color: #F3F3F3; color: ##333333; font-size: 20px !important; padding-right: 10px !important; box-sizing: border-box; border-bottom-left-radius: 10px !important; border-top-left-radius: 10px !important; border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; border: 1px solid #F3F3F3 !important; height:45px !important; display: inline-block !important; vertical-align: top; } a.submit_codici{ vertical-align: top; margin-left: -3px; line-height: 45px; background-color: #333; font-size: 15px; color: #fff; border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; border-bottom-right-radius: 10px !important; border-top-right-radius: 10px !important; display: inline-block; padding-left: 25px; padding-right: 25px; } .codici_condividi{ position: absolute; top: 0px; right: 0px; /*height: 50px; width: 200px; background-color: red;*/ } .codici_scade{ position: absolute; bottom: 0px; right: 0px; font-size: 12px; color: #333333; } #my-signin2, #my-signin3 { margin-top: 10px; } .abcRioButtonBlue{ background-color: #dd4b39 !important; text-transform: uppercase !important; font-family: arial !important; width: 100% !important; } .abcRioButtonBlue .abcRioButtonIcon { display: none; } .abcRioButtonContents{ font-family: arial !important; font-size: 15px !important; font-weight: normal !important; } .abcRioButtonBlue .abcRioButtonContentWrapper { background-image: url(../img/icon_google_login.png); background-repeat: no-repeat; background-position: left 10px center; } a.default { height: 40px; line-height: 30px; width: 100%; border: 0px solid #fff; padding: 5px 10px; box-sizing: border-box; color: #FFF; font-size: 15px; margin-top: 10px; background-color: #93393F; text-align: center; display: inline-block; } .fb { background-color: #4267B2 !important; background-image: url(../img/icon_facebook_login.png); background-repeat: no-repeat; background-position: left 10px center; } /*13/11/2018 liste regalo*/ .product_lista_regalo{ display: inline-block; background-color: #d05f68; color: #fff; margin-bottom: 5px; padding: 2px 5px ; } .item_lista{ display: inline; margin-right: 40px; } .item_lista b{ color:#666666; margin-right: 10px; } #header_lista{ } #lista_regalo_dx{ float: right; margin-left: 2%; margin-right: 2%; width: 28%; border-radius: 5px; } #lista_regalo_sx{ float: left; width: 65%; margin-left: 2%; } .box_lista{ border-bottom: 1px solid #EAEBEB; color: #333333; font-size: 15px; padding: 10px 15px ; box-sizing: border-box; width: 100%; display: inline-block; position: relative; } .box_lista span{ font-size: 12px; color: #B0AC9E; } .box_categoria{ background-color: #fff; margin-bottom: 25px; display: inline-block; width: 100%; } .box_lista_img{ float: left; width: 200px; height: 200px; border-bottom: 1px solid #E3E4E6 ; } .box_lista_dx{ float: left; width: calc(100% - 200px); position: relative; height: 200px; } .box_lista_prodotto{ padding: 10px ; } .box_lista_prodotto span{ color:#666666; font-size:10px } .box_lista_prodotto b { color:#98D0CD; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block; } .box_lista_prodotto a{ color:#666666;font-size:12px; } .box_lista_info{ position: absolute; bottom: -1px; left: 0px; width: 100%; border-top: 1px solid #E3E4E6 ; border-bottom: 1px solid #E3E4E6 ; padding: 10px; box-sizing: border-box; display: table; } .box_lista_info div{ display: table-cell; } .box_lista_img img{ width: 100%; height: 200px; object-fit: cover; } .box_lista_info_mobile{ display: none; } .add_carrello_lista{ background-image:none; background-color:#98D0CD; border-radius:5px; color:#fff; font-size:14px; font-weight:normal; padding:5px 12px; border: 0px ; } .elimina_lista{ position: absolute; top: 10px; right: 10px; } .nota_mobile{ display: none; } #table_cerca_lista tr td{ border-collapse: collapse; border-bottom: 1px solid #eaeaea ; padding: 10px 20px ; } #table_cerca_lista thead tr td{ font-size: 18px; color: #666; } #table_cerca_lista tbody tr td{ font-size: 18px; font-weight: bold; color: #98D0CD; } #lista_regalo_social{ margin-top: 50px; } a#manda_link_open{ background-image: url(../img/icon_lista_mail.png); background-repeat: no-repeat; background-position: left center; display: inline-block; width: 100%; padding-left: 55px; box-sizing: border-box; } #manda_link{ display: none; } @media only screen and (max-width: 1024px) { .item_lista.desktop{ display: none; } .box_lista_info{ display: none; } .box_lista_img{ width: 120px; height: 120px; } .box_lista_dx{ width: calc(100% - 120px); height: 120px; } .box_lista_img img{ height: 120px; } #lista_regalo_dx{ width: calc(100% - 30px); float: left; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; } #lista_regalo_sx{ width: calc(100% - 30px); float: left; margin-left: 15px; margin-right: 15px; } .box_lista_info_mobile{ width: 100%; display: table; border-top: 1px solid #E3E4E6 ; box-sizing: border-box; padding: 10px ; } .box_lista_info_mobile div{ display: table-cell; } .nota_mobile{ display: inline-block; width: 100%; border-top: 1px solid #E3E4E6; border-bottom: 1px solid #E3E4E6; margin-top: -1px; padding: 10px ; box-sizing: border-box; } } /*sempre in fondo al css*/ .mobile{ display: block; } .desktop{ display: none; } .desktop_inline{ display: none; }