/* ===== RESET ============================================================ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* ===== FONT-FACE ============================================================ */ @font-face { font-family: 'GentiumBasic'; src: url('templates/agriturismogermanoreale/font/Gentium-Basic/genbas.eot'); src: local('?'), url('templates/agriturismogermanoreale/font/Gentium-Basic/genbas.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NuevaStdCondensed'; src: url('templates/agriturismogermanoreale/font/nuevastd-cond-webfont.eot'); src: local('?'), url('templates/agriturismogermanoreale/font/nuevastd-cond-webfont.woff') format('woff'), url('templates/agriturismogermanoreale/font/nuevastd-cond-webfont.ttf') format('truetype'), url('templates/agriturismogermanoreale/font/nuevastd-cond-webfont.svg#webfontlCKalTNr') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NuevaStdBoldCondensed'; src: url('templates/agriturismogermanoreale/font/nuevastd-boldcond-webfont.eot'); src: local('?'), url('templates/agriturismogermanoreale/font/nuevastd-boldcond-webfont.woff') format('woff'), url('templates/agriturismogermanoreale/font/nuevastd-boldcond-webfont.ttf') format('truetype'), url('templates/agriturismogermanoreale/font/nuevastd-boldcond-webfont.svg#webfontv7y3xBXb') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpticonOne1'; src: url('templates/agriturismogermanoreale/font/optio___-webfont.eot'); src: url('templates/agriturismogermanoreale/font/optio___-webfont.eot?#iefix') format('embedded-opentype'), url('templates/agriturismogermanoreale/font/optio___-webfont.woff') format('woff'), url('templates/agriturismogermanoreale/font/optio___-webfont.ttf') format('truetype'), url('templates/agriturismogermanoreale/font/optio___-webfont.svg#OpticonOne1') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GillSansMTRegular'; src: url('templates/agriturismogermanoreale/font/gil____-webfont.eot'); src: url('templates/agriturismogermanoreale/font/gil____-webfont.eot?#iefix') format('embedded-opentype'), url('templates/agriturismogermanoreale/font/gil____-webfont.woff') format('woff'), url('templates/agriturismogermanoreale/font/gil____-webfont.ttf') format('truetype'), url('templates/agriturismogermanoreale/font/gil____-webfont.svg#GillSansMTRegular') format('svg'); font-weight: normal; font-style: normal; } /* ===== GENERALE ============================================================ */ body { font: 11px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #999999; margin: 0; padding: 0px 0px 0px 0px; text-align: center; background: url(templates/agriturismogermanoreale/img/sfondo_body.jpg) repeat-x 50% 0% #f8efdf; } .popup { background: url(templates/agriturismogermanoreale/img/sfum_sfondo.jpg) repeat-x 0% 0% #e7ca86; font: 11px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #999999; margin: 5px 10px 5px 10px; padding: 5px 0px 0px 0px; text-align: left; } /* ===== STRUTTURA ============================================================ */ .testo_centrale{ font: 12 Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; } #struttura_1 { width: 920px !important; width: 960px; margin: 0 auto 0 auto; text-align: left; padding: 0px 20px 20px 20px; background: #ffffff; -moz-box-shadow: 0px 1px 5px 2px #999; -webkit-box-shadow: 0px 1px 5px 2px #999; box-shadow: 0px 1px 5px 2px #999; background: #ffffff; } #testata_1 { min-height: 135px; height: auto !important; height: 135px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; text-align: left; font: 11px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #999999; border-bottom: #e2e2e2 1px solid; } #testata_1_sx { float: left; width: 255px !important; width: 435px; min-height: 60px; height: auto !important; height: 135px; margin: 0px 0px 0px 0px; padding: 75px 0px 0px 190px; text-align: left; font: 11px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; background: url(templates/agriturismogermanoreale/img/logo-agriturismo-germano-reale.png) no-repeat 20px 50%; } #testata_1_sx h1 { margin: 0px 0px 0px 0px; font: 22px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #ba491a; font-weight: bold; } #testata_1_sx h2 { margin: 0px 0px 0px 0px; font: 13px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #999999; } #testata_1_dx { min-height: 45px; height: auto !important; height: 135px; margin: 0px 0px 0px 445px; padding: 25px 0px 0px 0px; text-align: right; font: 11px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; } #testata_1_dx_facebook { width: 200px !important; width: 200px; min-height: 25px; height: auto !important; height: 30px; margin: 0px 20px 5px 278px; padding: 5px 0px 0px 35px; text-align: left; font: 11px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; background: url(templates/agriturismogermanoreale/img/ico_facebook.png) no-repeat 0px 3px; } #testata_1_dx_email { width: 200px !important; width: 200px; min-height: 21px; height: auto !important; height: 30px; margin: 0px 20px 5px 278px; padding: 9px 0px 0px 35px; text-align: left; font: 11px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; background: url(templates/agriturismogermanoreale/img/ico_email.png) no-repeat 0px 50%; } #testata_1_dx_tel { width: 200px !important; width: 200px; min-height: 22px; height: auto !important; height: 30px; margin: 0px 0px 0px 278px; padding: 8px 0px 0px 35px; text-align: left; font: 11px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; background: url(templates/agriturismogermanoreale/img/ico_tel.png) no-repeat 0px 50%; } #testata_2 { min-height: 334px; height: auto !important; height: 344px; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; text-align: left; background: url(templates/agriturismogermanoreale/img/sfondo_testata_2.jpg) no-repeat 50% 50%; border-bottom: #e2e2e2 1px solid; } .banner_home { width: -42px !important; width: -42px; min-height: 344px; height: auto !important; height: 344px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; } .banner_home_testo { width: 330px !important; width: 350px; min-height: 250px; height: auto !important; height: 270px; margin: 50px 0px 0px 45px; padding: 10px 10px 10px 10px; text-align: left; font: 24px ; color: #ffffff; font-weight: normal; display: none; } .banner_home h1 { font: 24px ; color: #ffffff; font-weight: normal; text-align: left; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; } .banner_home p { font: 11px ; color: #ffffff; font-weight: normal; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #galleria { min-height: 345px; height: auto !important; height: 345px; } #corpo { margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; } #col_dx { float: right; width: 440px !important; width: 440px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px; font: 12px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #999999; line-height: 16px; } #wrapper_testo_dx { min-height: 25px; height: auto !important; height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #col_dx_news { min-height: 200px; height: auto !important; height: 200px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #f8efdf; } .contenitore{ width: 404px; height: 200px; position: relative; overflow: hidden; } .elemento{ width: 404px; height: 200px; position: absolute; border: 0px solid white; } .news_immagine { float: left; width: 169px !important; width: 170px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px !important; padding: 0px 0px 0px 1px; } .news_testo { min-height: 145px; height: auto !important; height: 175px; margin: 0px 0px 0px 170px; padding: 12px !important; padding: 12px; font: 12px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #999999; line-height: 14px; } .news_testo h3 { font: 12px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #ba491a; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #news_link_sx, #news_link_dx { float: left; width: 15px !important; width: 9px; min-height: 200px; height: auto !important; height: 200px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; background: url(templates/agriturismogermanoreale/img/sfum_news_link_sx.jpg) repeat-y 0% 0%; } #news_link_dx { float: right; background: url(templates/agriturismogermanoreale/img/sfum_news_link_dx.jpg) repeat-y 100% 0%; } #col_main { margin: 0px 460px 0px 0px !important; margin: 0px 460px 0px 0px; padding: 0px 0px 0px 0px; font: 12px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #999999; line-height: 16px; } #wrapper_testo_main { min-height: 155px; height: auto !important; height: 155px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #box_col_main_telefono { min-height: 70px; height: auto !important; height: 70px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: 11px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #777777; font-weight: bold; background: url(templates/agriturismogermanoreale/img/telefono.png) no-repeat 10px 10px #f8efdf; } #box_col_main_telefono h3 { font: 12px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #ba491a; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #pie { font: 11px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #777777; clear: both; margin: 5px 0px 0px 0px; text-align: center; padding: 20px 0px 0px 0px; border-top: #e2e2e2 1px solid; } #pie a, #pie a:link, #pie a:visited, #pie a:active, #pie a:hover { font: 10px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #777777; margin: 5px 0px 0px 0px; text-decoration: none; font-weight: normal; } #pie a:hover { color: #2d3035; font-weight: normal; } #credits { font: 9px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #f8efdf; margin: 300px 0px 0px 0px; padding: 0px 0px 20px 0px; text-align: center; display: none; } #credits a:link, #credits a:visited, #credits a:active, #credits a:hover { color: #f8efdf; text-decoration: none; } #credits a:hover { color: #ffffff; text-decoration: none; font-weight: normal; } /* ===== FORMATTAZIONE TESTO ============================================================ */ img { margin: 0; padding: 0; } a img { border: none; } .thumb1 img { padding: 0px; margin: 0px 0px 0px 0px; border: #c3c4c9 1px solid; } .thumb2 { border: # 1px solid; padding: 1px; margin: 2px 2px 2px 2px; } .thumb3 { border: #ffffff 1px solid; margin: 1px 10px 1px 0px; } .thumb4 { border: #ffffff 1px solid; margin: 4px 4px 4px 0px; } .thumb4 img a:hover { border: #000000 1px solid; } .thumb5 { border: #a1a0a5 1px solid; margin: 4px 4px 4px 0px; } .thumb5 img a:hover { border: #777777 1px solid; } a, a:link, a:visited, a:active, a:hover { color: #999999; text-decoration: none; font-weight: normal; } a:hover { color: #000000; text-decoration: none; font-weight: normal; } p { text-align: justify; margin: 0px 0px 3px 0px; } h1 { font: 25px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #_; font-weight: normal; text-align: left; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } h2, h2 a, h2 a:link, h2 a:active, h2 a:visited, h2 a:hover { font: 17px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #ba491a; font-weight: bold; margin: 0px; padding: 5px 0px 3px 0px; text-decoration: none; } h2 a:hover { color: #777777; text-decoration: none; } h3, h3 a, h3 a:link, h3 a:active, h3 a:visited, h3 a:hover { font: 14px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #999999; font-weight: normal; margin: 0px; padding: 0px 0px 0px 0px; text-decoration: none; } h3 a:hover { color: #; text-decoration: none; } /* ===== FORM ============================================================ */ TEXT {font: 10px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; } TEXTAREA {font: 14px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; } SELECT {font: 10px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; } RADIO {font: 10px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; border: #e9e1d2 1px solid;} FORM {font: 10px; } .button { margin: 0 0 2px 0; padding: 2px 10px 2px 10px; background: #ffffff; border: # 1px solid; border-right: #ba491a 1px solid; border-bottom: #ba491a 1px solid; } .button1 { margin: 10px 0 0 0; padding: 10px 0px 0px 0px; } .button1 input { margin: 0 30px 0px 0; padding: 4px 20px 3px 20px; background: url(templates/agriturismogermanoreale/img/sfum_grigio_pulsante.png) repeat-x 50% 50%; border: #999999 1px solid; border-right: #777777 1px solid; border-bottom: #777777 1px solid; } .button2 { border: #d4cbbc 1px solid; background: #; margin: 0 0 2px 0; padding: 2px 10px 2px 10px; } .form1 { font: 15px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; border: #999999 1px solid; background: #ffffff; margin: 0 0 2px 0; padding: 1px 3px 1px 3px; color: #000000; border: #777777 1px solid; border-right: #999999 1px solid; border-bottom: #999999 1px solid; font-weight: normal; } /* ===== NAVIGAZIONE ============================================================ */ #menu_lang { margin: 0px 50px 0px 0px; padding: 46px 0px 0px 0px; font: 14px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #a1a0a5; text-align: right; min-height: 90px; height: auto !important; height: 136px; } #menu_lang a, #menu_lang a:link, #menu_lang a:active, #menu_lang a:visited, #menu_lang a:hover { color: #777777; text-decoration: none; margin: 0px 5px 0px 5px; padding: 0px 0px 0px 0px; } #menu_lang a:hover { color: #000000; text-decoration: none; font-weight: normal; } #menu1 { margin: 0px 25px 0px 0px; padding: 0px 0px 0px 3px; font: 15px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #e7ca86; font-weight: normal; background: url(templates/agriturismogermanoreale/img/sfondo_menu1.png) no-repeat 0% -1px; min-height: 24px; height: auto !important; height: 24px; } #menu1 a, #menu1 a:link, #menu1 a:active, #menu1 a:visited, #menu1 a:hover { display: block; float: left; margin: 0px 4px 0px 0px; padding: 2px 8px 2px 8px !important; padding: 2px 8px 4px 8px; text-decoration: none; text-align: left; font-weight: normal; color: #ffffff; background: url(templates/agriturismogermanoreale/img/sfondo_menu1.png) no-repeat 0% -1px; min-height: 24px; height: auto !important; height: 24px; } #menu1 a:hover { color: #ffffff; font-weight: normal; background: url(templates/agriturismogermanoreale/img/sfondo_menu1_hover.png) no-repeat 0% -1px; } #menu2 { margin: 0px 0px 0px 47px; padding: 0px 0px 0px 0px; font: 12px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #2d3035; } #menu2 a, #menu2 a:link, #menu2 a:active, #menu2 a:visited, #menu2 a:hover { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px; text-decoration: none; text-align: left; font-weight: normal; color: #777777; } #menu2 a:hover { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px; text-decoration: none; color: #000000; font-weight: bold; } .link_pdf { margin: 0px 0px 0px 0px; padding: 3px 0px 7px 30px; background: url(templates/agriturismogermanoreale/img/ico_pdf.png) no-repeat 0% 50%; } .link_ppt { margin: 0px 0px 0px 0px; padding: 3px 0px 7px 30px; background: url(templates/agriturismogermanoreale/img/ico_ppt.png) no-repeat 0% 50%; } /* ======= BOX ========================================== */ .box1 { margin: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px; padding: 15px 20px 15px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: #e2e2e2 1px solid; } /* ======= separatori ========================================== */ .separatore_orizz_1 { margin: 0px 0px 5px 0px; padding: 5px 0px 5px 0px; border-bottom: #e2e2e2 1px solid; clear: both; } .clear { clear: both; } /* ======= varie ========================================== */ .left { float: left; } .left_1, .left_2, .left_3, .left_4, .left_5 { float: left; margin: 0px 20px 0px 0px; } .left_1 { padding: 5px 0px 5px 0px; } .left_2 { padding: 0px 0px 0px 0px; } .left_3 { padding: 2px 0px 0px 0px; } .left_4 { padding: 16px 0px 12px 0px; } .left_5 { padding: 10px 0px 10px 0px; } .right { float: right; } .elenco1 { width: 370px; border: 0px solid; margin-bottom: 10px; margin-top: 10px; } .elenco1 img{ float:left; margin: 0 10px 0 0; width: 87px; height: 60px; border: 1px solid #cfcfcf; padding: 2px; } .elenco2 img{ float:left; margin: 4px 4px 0 0; width: 87px; height: 60px; border: 1px solid #cfcfcf; padding: 2px; } .elenco1 h3 { color: #_; font: 16px Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif; } .clearer{ clear: left }