/* */ /* NOTA: LA SEGUENTE STRINGA SERVE AD EVITARE CHE LE IMMAGINI, QUALORA CAMBIASSERO, NON VENGANO MOSTRATE PERCHE' MEMORIZZATE IN CACHE background: url(/immagine-esempio.gif?v=); */ /* #################################################### RESET */ .bg-white {background: #fff !important;} .bg-black {background: #000 !important;} h1 { font-family: Georgia; font-size: 34px; line-height: 36px; margin-bottom: 10px; margin-top: 10px; font-style: italic; font-weight: bold; clear:both; } h2 { font-family: Georgia; font-size: 18px; line-height: 22px; margin-bottom: 10px; clear:both; } h3 { font-family: verdana; font-size: 15px; line-height: 22px; color:#c20069; margin-bottom: 14px; width:320px; float:left; } h3 span { border-bottom: solid 1px #c0c0c0; } .facebook-mi-piace { float:right; width:86px; height:23px; } .row-total { width: 680px; padding:0px 0px 10px 0px; } .box-articolo { width: 645px; clear: both; padding-bottom: 20px; padding-top: 30px; padding-right: 35px; font-family: Verdana, arial; font-size: 14px; line-height: 20px; } .box-descrizione { width: 645px; padding-bottom: 50px; padding-top: 30px; padding-right: 35px; font-family: Verdana, arial; font-size: 14px; line-height: 20px; } .box-articolo img.left { padding:0px 15px 10px 0px; } .box-articolo img.right { padding:0px 0px 10px 15px; } /*.box-articolo a { text-decoration:underline !important; }*/ .correlati-articolo { position: relative; width: 680px; height: 120px; font-family: Verdana, arial; font-size: 14px; padding-top: 20px; line-height: 20px; display: block; clear: both; } .correlati-articolo li { font-size: 11px; font-weight: bold; line-height: 12px; float: left; width: 221px; height: 110px; padding-right: 5px; position:relative; } .correlati-articolo li span { position: absolute; top:0px; right: 0px; z-index: 1px; width: 144px; height: 110px; background: #fff; opacity:0.7; filter:alpha(opacity=70); } .correlati-articolo li a.txt-over-pic { position: absolute; right: 5px; top: 5px; width: 130px; z-index: 2; } .correlati-articolo li .bt-link, .correlati-articolo li .bt-video, .correlati-articolo li .bt-foto, .correlati-articolo li .bt-articolo { position: absolute; z-index: 2; bottom: 0px; right: 2px; } .correlati-articolo li img { float: left; width: 124px; height: 93px; padding-right: 5px; } .pic-articolo p { font-size: 11px; line-height:12px; } .pic-articolo p strong { display:block; } .pic-articolo { float: left; padding:0px 20px 10px 0px; } .box-articolo .articolo-more span { padding-left: 18px; } .box-articolo ul li { margin:2px 0; } .box-articolo ul#multi{ width: 100%; overflow: hidden; margin-top:10px; color:#CC0066; } .box-articolo ul#multi li{ float: left; width:45%; margin: 0 0 0 1%; color:#CC0066; font-size:12px; padding-left: 15px; background: url(/discList.gif?v=) 0 7px no-repeat; } .box-articolo ul#multi li span{ color:#000; } .box-articolo p a, .box-articolo p a:hover, .box-articolo ul li a, .box-articolo ul li a:hover { text-decoration: underline; } .box-articolo .tag-articolo {padding-left: 0px;padding-top: 30px;} .tag-articolo a, .tag-articolo a:hover { color: #2f3974; margin-left: 5px; } .box-articolo .paginazione-articolo { height: 20px; text-align:right; float:right; position:relative; width:auto; margin-top:10px; right: 0px; } .box-articolo .paginazione-articolo a { overflow:hidden; } .bt-pag-prev { float: left; width: 15px; height: 20px; background:#fff url(/bg-bt-pag-prev.gif?v=) no-repeat 0px 5px; } .bt-pag-next { float:left; display:block; width: 15px; height: 20px; background:#fff url(/bg-bt-pag-next.gif?v=) no-repeat 0px 5px; margin-right:0px !important; } .pag-attuale { float:left; height: 20px; text-align: center; font-family: Georgia; font-size: 14px; font-weight: bold; font-style: italic; color: #cc0066; margin-right:5px; width:155px; } .pag-attuale span { color: #9d9f9e; } .tit-art-more { font-size: 22px; font-style: italic; font-weight: bold; clear: both; display: block; margin-bottom: 10px; padding-left: 10px; background:transparent url(/bg-freccia-rosa.gif?v=) no-repeat 0px 6px; } .txt-art-more { color: #000 !important; font-size: 14px; line-height: 15px; padding-left: 10px; clear: both; display: block; } #socialnetwork { clear:both; float:left; border-bottom: solid 1px #000; border-top:solid 1px #000; width: 660px; padding-right: 20px; height: 28px; padding-top: 6px; margin-bottom: 20px; } .bt-a-piccola { width: 21px; height: 21px; float: right; background:transparent url(/bg-bt-a-piccola.gif?v=) no-repeat 0px 0px; margin-right: 5px; text-indent: -9999px; } .bt-a-grande { width: 21px; height: 21px; float: right; background:transparent url(/bg-bt-a-grande.gif?v=) no-repeat 0px 0px; margin-right: 5px; text-indent: -9999px; } .bt-stampa { width: 21px; height: 21px; float: right; background:transparent url(/bg-bt-stampa.gif?v=) no-repeat 0px 0px; margin-right: 5px; text-indent: -9999px; } .bt-amico { width: 21px; height: 21px; float: right; background:transparent url(/bg-bt-amico.gif?v=) no-repeat 0px 0px; margin-right: 5px; text-indent: -9999px; } .social-facebook { float:left; height:20px; width:100px; } .social-tweet { float:left; height:20px; width:100px; } /* ##################################################### COMMENTI E FB BT */ #commenti .link-more { font-size: 14px; } .like-commenti-articolo { width:150px; height: 30px; z-index: 1; } .n-commenti { float: right; color:#808080; font-size:14px; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; background:#fff url(/ico-commenti.gif?v=) no-repeat left bottom; padding-left:20px; line-height:20px; margin-right:10px; } .like-commenti-articolo-bt { width: 115px; height: 30px; overflow: hidden; float: right; } .consiglia-fb-button { width: 120px; height: 26px; overflow: hidden; float: left; } .social-tweet { float: left; } /* ##################################################### COMMENTI */ #commenti { position: relative; width: 680px; clear:both; float:left; border-bottom: solid 1px #808080; padding-bottom: 20px; font-family: Verdana, arial; font-size: 14px; line-height: 20px; margin-bottom: 20px; } #lista-commenti { width: 680px; padding-top: 20px; } #lista-commenti li { float:left; margin-bottom: 10px; width: 680px; display: none; } #lista-commenti li img{ float: left; width: 50px; height: 50px; overflow: hidden; padding-right: 20px; } .triangle-left { position:absolute; top:3px; left: -18px; width: 18px; height: 22px; background:transparent url(/bg-freccia-commenti.gif?v=) no-repeat 0px 0px; } #lista-commenti li div.box-commento { position: relative; float: left; width: 556px; line-height: 14px; padding: 5px 10px; font-family: Georgia; font-size: 12px; border: solid 1px #bfbfbf; -moz-box-shadow: 0 2px 3px #d4d4d4; -webkit-box-shadow: 0 2px 3px#d4d4d4; box-shadow: 0 2px 3px #d4d4d4; } .box-commento span { color: #C20069; clear: both; display: block; } .box-commento span a, .box-commento span a:hover { color: #c20069; font-weight: bold; } .textarea-commenti { width: 646px; height: 60px; margin-top: 10px; margin-bottom: 10px; line-height: 14px; font-size: 13px; font-family: Arial; border: solid 1px #c7c7c7; } #commenti .link-more { margin-right: 30px; clear: both; display: none; cursor: pointer; } .bt-invio-commento { color:#c20069 !important; font-family: Georgia; font-size: 14px; font-style: italic; font-weight: bold; float: right; padding: 3px 15px 3px 0px; background: url(/bt-triangle.png?v=) center right no-repeat; border:none; margin-right: 30px; cursor:pointer; } #form-commenti { margin-top:10px; overflow:hidden; } #form-commenti label { font-size:12px; font-weight:bold; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#545454; } .commenti-dati { width:215px; height:20px; border:1px solid #bfbfbf; margin-right:10px; } #form-commenti span { font-family:Georgia, "Times New Roman", Times, serif; font-size:9px; font-style:italic; color:#545454; float:left; width:90px; line-height:10px; } /* ##################################################### GALLERY */ #carosello-gallery { width:680px; position:relative; border-bottom: 1px solid #bfbfbf; } #carosello-gallery a{ /*text-decoration:underline !important;*/ } #carosello-gallery .dida { width:600px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#9d9f9e; line-height:12px; } #carosello-gallery .dida strong { display:block; color:#000; } #carosello-gallery h2 { margin-bottom:15px; } .jcarousel-skin-tango-gallery { width: 680px; overflow: hidden; border:solid 0px #000; margin-top:5px; } .jcarousel-skin-tango-gallery .jcarousel-container-horizontal { width: 640px; padding: 0px 20px; position: relative; height:550px; } .jcarousel-skin-tango-gallery .jcarousel-item { width: 645px; height: 550px; position: relative; } .jcarousel-skin-tango-gallery .jcarousel-item img { float:left; } .jcarousel-skin-tango-gallery .jcarousel-clip-horizontal { width:640px; left:0; height:550px; } .gallery-descr{ background: url(/bg-txt-fotoracconto.jpg?v=) 0px 0px no-repeat; width: 268px; float:right; height:440px; padding:23px 30px 23px 23px; margin-right:13px; overflow: hidden; } .gallery-descr p { margin:10px 0; } .img-gallery-left { float:left; width: 320px; height: 480px; overflow: hidden; margin-left:23px; } .box-gallery { position: relative; width: 680px; padding-bottom: 10px; font-family: Verdana,arial; font-size: 14px; margin-top: 30px; } .box-gallery .titoli-default { font-family: Georgia,verdana,arial; } .box-gallery .bt-prev-gallery { position: absolute; z-index: 1; top:215px; left:0px; width: 13px; height: 60px; display: block; background: url(/bt-left-slide.gif?v=) 0px 0px no-repeat; text-indent: -9999px; } .box-gallery .bt-next-gallery { position: absolute; z-index: 1; text-indent: -9999px; display: block; top:215px; right:0px; width: 12px; height: 60px; background: url(/bt-right-slide.gif?v=) -12px 0px no-repeat; } .img-gallery-center { width: 640px; overflow: hidden; background: #000; text-align: center; margin-left: 21px; padding: 0px; } /* Horizontal Buttons */ .jcarousel-skin-tango-gallery .jcarousel-next-horizontal { position: absolute; top: 220px; right: 5px; width: 12px; height: 40px; cursor: pointer; background: url(/bt-right-slide.gif?v=) -12px 0px; } .jcarousel-skin-tango-gallery .jcarousel-next-horizontal:hover { background-position: -12px 0; } .jcarousel-skin-tango-gallery .jcarousel-next-horizontal:active { background-position: -24px 0; } .jcarousel-skin-tango-gallery .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango-gallery .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango-gallery .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0px 0; } .jcarousel-skin-tango-gallery .jcarousel-prev-horizontal { position: absolute; top: 220px; left: 5px; width: 12px; height: 40px; cursor: pointer; background: url(/bt-left-slide.gif?v=); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -13px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -13px 0; } .jcarousel-skin-tango-gallery .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango-gallery .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango-gallery .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -26px 0; } .jcarousel-clip-horizontal { height: 205px; left: 4px; overflow: hidden; width: 634px; } .jcarousel-skin-tango-centrale .jcarousel-item { border: 0 solid red; height: 150px; width: 125px; } .jcarousel-skin-tango-centrale .jcarousel-item img{ height:115px; margin-left:6px; } .jcarousel-skin-tango-centrale .jcarousel-item span{ font-style: italic; color:#c20069; margin-left:6px; display:block; float:left; font-weight:bold; } .jcarousel-skin-tango-centrale .jcarousel-prev-horizontal { background: url("/libs/img/bt-left-slide.gif?v=201103211047") repeat scroll 0 0 transparent; cursor: pointer; height: 40px; left: 5px; position: absolute; top: 40px; width: 12px; } .jcarousel-skin-tango-centrale .jcarousel-next-horizontal { background: url("/libs/img/bt-right-slide.gif?v=201103211047") repeat scroll -12px 0 transparent; cursor: pointer; height: 40px; position: absolute; right: 5px; top: 40px; width: 12px; } .titoli-sotto-sezioni-default { margin-bottom:30px; } /* ########################################### FOTORACCONTO */ .box-fotoracconto { border-bottom: 1px solid #bfbfbf; font-family: Verdana,arial; font-size: 14px; line-height: 16px; padding-bottom: 5px; position: relative; width: 680px; } .txt-fotoracconto { float:left; width: 100%; padding-bottom: 10px; padding-top:10px; margin-top:20px; } .txt-fotoracconto p{ margin-top:50px; } .titolo-fotoracconto { display: block; float: left; font-family: Georgia,trebuchet,arial; font-size: 22px; font-style: italic; font-weight: bold; line-height: 22px; padding-bottom: 15px; } .txt-fotoracconto p a{ float:none; color:#003A6B; text-decoration:underline; } *:first-child+html .txt-fotoracconto p a{ float:none; } .txt-fotoracconto img{ float: right; padding-bottom: 20px; padding-left: 10px; padding-right: 20px; } .dida-foto { clear: both; margin-top: 3px; } .box-gallery .dida-foto { padding:10px 10px 0px 22px; } .box-gallery .dida-foto div{ color:#000; } .dida-foto-img { float: right; width: 415px; padding-left: 0px; padding-right: 20px; padding-bottom: 10px; } .dida-foto div { float: left; width: 355px; font-family: Verdana; font-size: 11px; line-height: 12px; color: #9d9f9e; } .box-gallery .dida-foto div {width:580px;} .dida-foto div strong {color:#000;} .num-fotoracconto { border-left: 1px solid #BFBFBF; clear: right; color: #BFBFBF; float: right; font-family: Georgia; font-style: italic; font-weight: bold; height: 30px; line-height: 30px; margin-left: 20px; padding-right: 30px; text-align: center; width: 55px; } .num-fotoracconto strong{color:#C20069;} #carosello-fotoraconto { border-top: 1px solid #bfbfbf; width: 680px; clear: both; height: 150px; overflow: hidden; } .box-fotoracconto .tag-articolo { font-family: Verdana,arial; font-size: 11px; height: 20px; padding-left: 0px; line-height: 20px; } .img-text-center { background: url(/bg-testo-gallery.gif?v=) repeat-y top left; margin-left: 21px; overflow: hidden; width: 596px; line-height: 18px; padding:35px 20px; border:solid 1px #f0f0f0; -moz-box-shadow: 0 2px 3px #d4d4d4; -webkit-box-shadow: 0 2px 3px#d4d4d4; box-shadow: 0 2px 3px #d4d4d4; } /* #################################################### CAROSELLO FOTORACCONTO */ .jcarousel-skin-tango-fotoracconto { width: 680px; height: 205px; overflow: hidden; margin: 20px 0px; } .jcarousel-skin-tango-fotoracconto .jcarousel-container { border: 0px solid #346F97; } .jcarousel-skin-tango-fotoracconto .jcarousel-container-horizontal { width: 640px; padding: 0px 20px; position: relative; } #carosello-fotoraconto .jcarousel-clip-horizontal { width: 550px; height: 130px; overflow: hidden; left:42px; } .jcarousel-skin-tango-fotoracconto .jcarousel-item { width: 110px; height: 130px; text-align: center; } .jcarousel-skin-tango-fotoracconto .jcarousel-item-horizontal { padding-left: 0px; margin-right: 0px; position: relative; } .jcarousel-skin-tango-fotoracconto .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-tango-fotoracconto .jcarousel-item img { clear: both; width: 95px; } .jcarousel-skin-tango-fotoracconto .jcarousel-item a { width: 110px; text-align: center; clear: both; display: block; font-family: Georgia; font-size: 11px; font-weight: bold; font-style: italic; } .jcarousel-skin-tango-fotoracconto .jcarousel-item a.bt-foto, .jcarousel-skin-tango-fotoracconto .jcarousel-item a.bt-video { width: 30px; padding-top: 0px; margin-top: 3px; line-height: 26px; position: absolute; z-index: 2; bottom: 0px; right: 20px; } .jcarousel-skin-tango-fotoracconto .titoli-sotto-sezioni-default { margin-left: 30px; } /** * Horizontal Buttons */ .jcarousel-skin-tango-fotoracconto .jcarousel-next-horizontal { position: absolute; top: 30px; right: 5px; width: 12px; height: 40px; cursor: pointer; background: url(/bt-right-slide.gif?v=) -12px 0px; } .jcarousel-skin-tango-fotoracconto .jcarousel-next-horizontal:hover { background-position: -12px 0; } .jcarousel-skin-tango-fotoracconto .jcarousel-next-horizontal:active { background-position: -24px 0; } .jcarousel-skin-tango-fotoracconto .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango-fotoracconto .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango-fotoracconto .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0px 0; } .jcarousel-skin-tango-fotoracconto .jcarousel-prev-horizontal { position: absolute; top: 30px; left: 5px; width: 12px; height: 40px; cursor: pointer; background: url(/bt-left-slide.gif?v=); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -13px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -13px 0; } .jcarousel-skin-tango-fotoracconto .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango-fotoracconto .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango-fotoracconto .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -26px 0; } #carosello-centrale .bg-trasparent { width: 120px; height: 108px; position: absolute; z-index: 1; left:0px; top:0px; background: #fff; opacity:0.6; filter:alpha(opacity=60); } /* ############################################# FORM AMICO ###### */ #form-amico { display: none; } #body-cucina #carosello-centrale .jcarousel-skin-tango-centrale .jcarousel-item { height: 205px; width: 208px; } #body-cucina #carosello-centrale .jcarousel-skin-tango-centrale .jcarousel-item img { margin-left: 0px; } #body-cucina #carosello-centrale .jcarousel-skin-tango-centrale .jcarousel-item a { clear: both; float: left; font-family: Verdana,arial; font-size: 11px; font-weight: bold; line-height: 12px; margin-left: 30px; padding-top: 2px; width: 140px; } #body-cucina #carosello-centrale .jcarousel-skin-tango-centrale .jcarousel-item a.bt-foto, #body-cucina #carosello-centrale .jcarousel-skin-tango-centrale .jcarousel-item a.bt-video, #body-cucina #carosello-centrale .jcarousel-skin-tango-centrale .jcarousel-item a.bt-articolo { bottom: 0; line-height: 26px; margin-top: 3px; padding-top: 0; position: absolute; right: 20px; width: 30px; z-index: 2; } /* ############################################# RICERCA AVANZATA RICETTA ###### */ #ricerca-avanzata-ricetta { width:605px; } #ricerca-avanzata-ricetta label { width:155px; height:30px; line-height:30px; float:left; color:#c20069; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; } #ricerca-avanzata-ricetta .row { width:680px; margin-bottom:10px; overflow:hidden; } #ricerca-avanzata-ricetta .row p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; margin-left: 156px; } #ricerca-avanzata-ricetta .row2 { width:450px; overflow:hidden; float:left; } .bg-grey { float:left; padding:5px; } #ricerca-avanzata-ricetta .input { width:430px; border:none; color: #A1A3A2; font-size: 12px; height: 18px; line-height: 18px; text-transform: uppercase; padding-left: 5px; padding-right: 5px; } #ricerca-avanzata-ricetta .selector { width:430px; } #ricerca-avanzata-ricetta div .selector span { width:404px; } #ricerca-avanzata-ricetta .label-checkbox { line-height: inherit; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-transform:uppercase; color:#000; } #ricerca-avanzata-ricetta .labelLeft { width:225px; } #ricerca-avanzata-ricetta .checker { float:left; } form .bt-cerca { background: url(/bt-cerca.png?v=) no-repeat scroll right center transparent; border: medium none; clear: both; color: #C20069; cursor: pointer; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; margin: 18px 0 0 12px; text-align: left; text-transform: uppercase; width: 138px; } .autore-articolo { top:0px; } #ricerca-avanzata-ricetta select { border: medium none; color: #666; font-size: 12px; height: 18px; line-height: 18px; text-transform: uppercase; width: 439px; } div.rowbottom { margin-bottom: 30px !important; } .box-descrizione p{ clear:both; float:left; margin:0; padding:0; width:660px; } #___plusone_0{ float:right !important; } .newsletter-btn{ position:absolute; top:51px; right:18px; width:203px; height:72px; z-index:2; text-indent:-30000px; background: url(/pulsante-nl-cucina.jpg?v=) no-repeat top left transparent; } .newsletter-btn a{ float:left; width:203px; height:72px; } .box-articolo.new-gallery { width: 645px; border-bottom: solid 1px #808080; padding-bottom: 20px; padding-top: 30px; padding-right: 15px; font-family: Verdana, arial; font-size: 14px; line-height: 20px; padding-left:15px; /*position:relative;*/ } .new-gallery .bt-prev-gallery { background: url("http://images.leiweb.rcsperiodiciobjects.it/libs/img/bt-left-slide.gif?v=201103211047") no-repeat scroll 0 0 transparent; height: 60px; left: 0; position: absolute; text-indent: -9999px; width: 13px; z-index: 10; top:145px; } .new-gallery .bt-next-gallery { background: url("http://images.leiweb.rcsperiodiciobjects.it/libs/img/bt-right-slide.gif?v=201103211047") no-repeat scroll -12px 0 transparent; height: 60px; position: absolute; right: 0; text-indent: -9999px; width: 12px; z-index: 10; top:145px; } .contenuto-archivio-cucina a { overflow:hidden; cursor:pointer; } /* -------------------- RESTYLE RICETTA ------------------- */ .no-border-margin{ border-bottom: 0 none; padding-top: 0; width: 680px; } #correlati-automatici-ricetta{ clear: both; width: 680px; } #correlati-automatici-ricetta ul{ margin: 15px 0 7px; height: 188px; border-bottom: 1px solid #000; } #correlati-automatici-ricetta li{ margin-right: 19px; float: left; width: 117px; } #correlati-automatici-ricetta li img{ width: 117px; height: 116px; } #correlati-automatici-ricetta li.last{ margin-right: 0; } #correlati-automatici-ricetta li a{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color:#c20069; font-style:italic; font-weight: bold; padding-top: 5px; text-transform:none; text-decoration: none; } #correlati-automatici-ricetta li a:hover{ text-decoration: underline; } .box-articolo ul li a, .box-articolo ul li a:hover{ color: #000; } .box-articolo ul li.see-also a{ color:#c20069; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; text-decoration:none; } .box-articolo .ingredient-list{ border: 1px solid #c1c1c1; float: left; width: 190px; padding: 10px 12px 12px; margin-right: 10px; background: url(/cucina/bg-ingredient-list.jpg?v=) repeat-y; } .box-articolo .ingredient-list h2{ font-family: Verdana, Geneva, sans-serif; font-size: 11px; margin: 0; } .box-articolo .ingredient-list h2 strong{ font-size: 14px; } .box-articolo .ingredient-list ul#multi li{ width: auto; line-height: 22px; font-size: 11px; } .box-articolo .box-descrizione{ width: 440px; padding: 0; margin: 0 10px 20px 0; } .box-articolo .box-descrizione h3{ display: block; width: auto; margin: 0; float: none; clear: both; } .box-articolo .box-descrizione p{ width: auto; } .recipe-details{ float: right; width: 240px; margin-right:39px; } .cerca-newsletter-invia{ background: url(/cucina/bg-ingredient-list.jpg?v=) right 0 repeat-y; width: 170px; border: 1px solid #c1c1c1; } .cerca-newsletter-invia input{ border: 1px solid #ddd; width: 124px; float: left; margin:5px 0 3px 10px; } .cerca-newsletter-invia input[type="submit"]{ background: url(/cucina/bt-submit-cerca-ricetta.png?v=) no-repeat; border:0 none; width: 15px; height: 15px; margin: 7px 0 0 4px; } .cerca-newsletter-invia a{ color: #c20069; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 11px; line-height: 14px; font-weight: normal; margin: 0 10px 5px 0; float: right; } .cerca-newsletter-invia a.ricerca-avanzata{ color: #898989; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-style: normal; font-size: 9px; text-decoration: underline; } .cerca-newsletter-invia a.newsletter{ border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; background: url(/cucina/bt-busta-newsletter.png?v=) 0 8px no-repeat; margin-left: 10px; padding: 10px 0 10px 70px; } .cerca-newsletter-invia a.invia-ricetta{ background: url(/cucina/bt-invia-ricetta.png?v=) 107px 5px no-repeat; padding: 21px 50px 21px 0; } /*----------------------------- INVIA RICETTA --------------------------------*/ #testatina-invia-ricetta{ background: transparent url(/cucina/bg-testatina-invia-ricetta.gif?v=) no-repeat; padding: 6px 0; margin-bottom: 75px; } #testatina-invia-ricetta h1{ color: #003366; font-size: 24px; } .invia-ricetta form{ width: 673px; margin-bottom: 20px; } .invia-ricetta form ul{ clear: both; border-bottom: 3px solid #003a6b; margin-bottom: 30px; padding-bottom: 15px; } .invia-ricetta form ul li{ display: inline; float: left; margin-bottom: 15px; position: relative; } .invia-ricetta form ul li.li-alto{ height: 120px; } .invia-ricetta form ul li a{ color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; display: block; margin-top: 10px; } .invia-ricetta form ul li label{ font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 11px; display:block; margin: 0 10px 5px 0; } .invia-ricetta form ul li input{ width: 200px; margin-right:17px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; } .invia-ricetta form ul li select{ width: 203px; margin-right:17px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; height: 21px; } .invia-ricetta form ul li input.short-input{ width: 157px; margin-right: 5px; } .invia-ricetta form ul li span.minutes{ margin-right: 17px; font-size: 12px; font-family:Arial, Helvetica, sans-serif } .invia-ricetta form ul li input#nome-ricetta{ width: 550px; } .invia-ricetta form ul li input#ingredienti{ margin-right:0; width: 133px; } .invia-ricetta form ul li input#quantita{ width: 60px; } .invia-ricetta form ul li textarea{ width: 420px; height: 92px; margin-right:17px; } .invia-ricetta form ul li#carica-foto{ display: block; clear: both; padding-top: 7px; } .invia-ricetta br.clear{ display: block; clear: both; float: none; width: 100%; } .invia-ricetta div input[type="checkbox"]{ margin-right: 10px; } .invia-ricetta form div{ border-bottom: 3px solid #003a6b; } .invia-ricetta form div p{ border: 1px solid #d1d1d1; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0 3px; width: 623px; margin-bottom:50px; } .invia-ricetta form div input[type="submit"]{ margin: 0 auto; clear: both; display: block; background: transparent url(/cucina/bt-invia-ricetta-submit.png?v=) no-repeat; border: 0 none; text-indent: -5555px; width: 105px; height: 24px; cursor: pointer; margin-bottom: 10px; color: transparent; } .invia-ricetta form #lista-ingredienti{ border-bottom: 0 none; margin-top:10px; } .invia-ricetta form #lista-ingredienti li{ color:#003366; font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: bold; height: auto; margin: 0; float: none; display:block; } .invia-ricetta form #lista-ingredienti li .removeIngredient{ float: right; width: 16px; height: 16px; margin: 0 5px; cursor: pointer; background: transparent url(/cucina/bt-deleteIngrediente.gif?v=) no-repeat; } .invia-ricetta span.alert{ display:none; background-color: #cc0066; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size: 11px; padding: 0 5px; width: 110px; clear: both; position: absolute; bottom: -20px; right: 19px; } .invia-ricetta span#alert-immagine{ left: 0; width: 166px; } .invia-ricetta form div.clearfix span.alert{ /*bottom: 280px;*/ bottom: 181px; right: 32px; } .invia-ricetta #header-cerca form{ margin-bottom: 0; } .invia-ricetta p.hidden{ display: none; }