/* inserisco font a bordo del sito web per compatibilità sui vari sistemi */ @font-face { font-family: 'space-bd-bt-bold'; src: url('../fonts/space-bd-bt-bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/space-bd-bt-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../fonts/space-bd-bt-bold.svg#svgFontName') format('svg'), /* Legacy iOS */ /* url('webfont.woff') format('woff'), /* Modern Browsers */ url('../fonts/space-bd-bt-bold.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face { font-family: 'antico'; src: url('../fonts/antico.eot'); /* IE9 Compat Modes */ src: url('../fonts/antico.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../fonts/antico.svg#svgFontName') format('svg'), /* Legacy iOS */ /* url('webfont.woff') format('woff'), /* Modern Browsers */ url('../fonts/antico.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face { font-family: 'Franklin_Gothic_Book'; src: url('../fonts/Franklin_Gothic_Book.eot'); /* IE9 Compat Modes */ src: url('../fonts/Franklin_Gothic_Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../fonts/Franklin_Gothic_Book.svg#svgFontName') format('svg'), /* Legacy iOS */ /* url('webfont.woff') format('woff'), /* Modern Browsers */ url('../fonts/Franklin_Gothic_Book.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face { font-family: 'terminator_real_nfi'; src: url('../fonts/terminator_real_nfi.eot'); /* IE9 Compat Modes */ src: url('../fonts/terminator_real_nfi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../fonts/terminator_real_nfi.svg#svgFontName') format('svg'), /* Legacy iOS */ /* url('webfont.woff') format('woff'), /* Modern Browsers */ url('../fonts/terminator_real_nfi.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face { font-family: 'BebasNeue_Bold'; src: url('../fonts/BebasNeue_Bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/BebasNeue_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../fonts/BebasNeue_Bold.svg#svgFontName') format('svg'), /* Legacy iOS */ /* url('webfont.woff') format('woff'), /* Modern Browsers */ url('../fonts/BebasNeue_Bold.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face { font-family: 'BebasNeue_Book'; src: url('../fonts/BebasNeue_Book.eot'); /* IE9 Compat Modes */ src: url('../fonts/BebasNeue_Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../fonts/BebasNeue_Book.svg#svgFontName') format('svg'), /* Legacy iOS */ /* url('webfont.woff') format('woff'), /* Modern Browsers */ url('../fonts/BebasNeue_Book.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face { font-family: 'BebasNeue_Light'; src: url('../fonts/BebasNeue_Light.eot'); /* IE9 Compat Modes */ src: url('../fonts/BebasNeue_Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../fonts/BebasNeue_Light.svg#svgFontName') format('svg'), /* Legacy iOS */ /* url('webfont.woff') format('woff'), /* Modern Browsers */ url('../fonts/BebasNeue_Light.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face { font-family: 'BebasNeue_Regular'; src: url('../fonts/BebasNeue_Regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/BebasNeue_Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../fonts/BebasNeue_Regular.svg#svgFontName') format('svg'), /* Legacy iOS */ /* url('webfont.woff') format('woff'), /* Modern Browsers */ url('../fonts/BebasNeue_Regular.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face { font-family: 'BebasNeue_Thin'; src: url('../fonts/BebasNeue_Thin.eot'); /* IE9 Compat Modes */ src: url('../fonts/BebasNeue_Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../fonts/BebasNeue_Thin.svg#svgFontName') format('svg'), /* Legacy iOS */ /* url('webfont.woff') format('woff'), /* Modern Browsers */ url('../fonts/BebasNeue_Thin.ttf') format('truetype'); /* Safari, Android, iOS */ } /* BODY */ /*body {color:#666; background: #dadada url(../images/sfgreymart.png) repeat-x top; font-size:13px; margin:0px; font-family:Arial, Helvetica, sans-serif;} */ html, body { margin:0px; padding:0px; } html { height:calc(100% - 80px);} body { margin-top:0px; background:#fff;} /* HEADER - DEFINIZIONI GENERICHE */ #tastiup, #header html, #header body, #header div, #header span, #header applet, #header object, #header iframe, #header h1, #header h2, #header h3, #header h4, #header h5, #header h6, #header p, #header blockquote, #header pre, #header a, #header abbr, #header acronym, #header address, #header big, #header cite, #header code, #header del, #header dfn, #header em, #header font, #header img, #header ins, #header kbd, #header q, #header s, #header samp, #header button, #header small, #header strike, #header sub, #header sup, #header tt, #header var, #header dl, #header dt, #header dd, #header ol, #header ul, #header li, #header fieldset, #header form, #header label, #header legend, #header table, #header caption, #header tbody, #header tfoot, #header thead, #header tr, #header th, #header td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100.01%; font-family: Source Sans Pro, Arial, Helvetica, sans-serif; line-height: 1.5em; vertical-align: top; } #header ol, #header ul { list-style: none; } #header table { border-collapse: separate; border-spacing: 0; } #header caption, #header th, #header td { text-align: left; font-weight: normal; } #header blockquote:before, #header blockquote:after, #header q:before, #header q:after { content: ""; } #header blockquote, #header q { quotes: "" ""; } /* FOOTER - DEFINIZIONI GENERICHE */ #footer html, #footer body, #footer div, #footer span, #footer applet, #footer object, #footer iframe, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p, #footer blockquote, #footer pre, #footer a, #footer abbr, #footer acronym, #footer address, #footer big, #footer cite, #footer code, #footer del, #footer dfn, #footer em, #footer font, #footer img, #footer ins, #footer kbd, #footer q, #footer s, #footer samp, #footer button, #footer small, #footer strike, #footer sub, #footer sup, #footer tt, #footer var, #footer dl, #footer dt, #footer dd, #footer ol, #footer ul, #footer li, #footer fieldset, #footer form, #footer label, #footer legend, #footer table, #footer caption, #footer tbody, #footer tfoot, #footer thead, #footer tr, #footer th, #footer td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100.01%; font-family: Source Sans Pro, Arial, Helvetica, sans-serif; line-height: 1.5em; vertical-align: top; } #footer ol, #footer ul { list-style: none; } #footer table { border-collapse: separate; border-spacing: 0; } #footer caption, #footer th, #footer td { text-align: left; font-weight: normal; } #footer blockquote:before, #footer blockquote:after, #footer q:before, #footer q:after { content: ""; } #footer blockquote, #footer q { quotes: "" ""; } /*hr {display:none;}*/ /* HEADER / FOOTER - Regole Generiche per i collegamenti ipertestuali */ #tastiup a, #footer a { color:#09C; text-decoration:none } #tastiup a:hover, #footer a:hover { text-decoration:underline } /* HEADER / FOOTER - tag h1,h2...h6 */ #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color:#333; font-family: Source Sans Pro, arial, Helvetica, sans-serif; font-weight:normal; line-height:1em } /* BARRA DI SCELTA DELLA LINGUA */ #barralingue {display:none; width:100px; height:28px; position:fixed; z-index:9999999; top:91px; left:20px; padding:0px; border:0px; background:rgba(255,255,255,0.9); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} #barralingue .lingua {width:23px; height:22px; float:left; margin:0px; padding:0px;} #barralingue .lingua img {border:0px;padding:3px;} #scrlingua {display:none; width:120px; height:22px; position:fixed; z-index:9999999; top:98px; left:73px; padding:0px; border:0px; text-align:left; color:#000; font-size:11px; font-family:arial;} /* BARRA SCELTA VALUTA */ #barravalute {width:85px; height:22px; position:absolute; z-index:99999; top:107px; left:50%; margin-left:240px; padding:0px; border:0px;} #barravalute .valuta {width:15px; height:17px; float:left; margin:0px 0px 0px 2px; padding:0px;} #scrvaluta {width:80px; height:22px; position:absolute; z-index:999999; top:108px; left:50%; margin-left:155px; padding:0px; border:0px; text-align:right; color:#666; font-size:11px;} /* BARRA checkout */ #barracheckout {width:150px; height:22px; position:absolute; z-index:99999; top:99px; left:50%; margin-left:348px; padding:0px; border:0px; } #barracheckout li {float:left;margin:0px 10px 0px 10px;padding:2px; height:22px;} #barracheckout ul {float:right; list-style: none; height:22px; margin:0px;padding:0px;} #barracheckout li a {color:#ffba69; height:22px; display:block; text-align:center; font-weight:bold; font-size:12px; text-decoration:none;} #barracheckout li a:hover {color:#ff9517;} #barracheckout img {vertical-align:center;border:0px;margin:0px 3px 0px 0px;float:left;} /* TASTI SOPRA HEADER - Sitemap */ #tastiup {position:absolute; width:135px; z-index:11000; height:35px; left:50%; top:57px; margin-left:360px; } #tastiup a {color:#a2a2a2; display:block; font-weight:normal; margin:0; text-decoration:none;} #tastiup a:hover {color:#606060; text-decoration:none;} #tastiup a:active {border:1px dotted #b0b0b0; margin:0; background:none; color:#333;} /* HEADER - NAVIGATION BAR UP */ #header {background:url(../images/logo-acciai.png) no-repeat 35px 10px; position:fixed; width:100%; height:90px; z-index:10000; margin-bottom:0px; color:#fff; /*background-color: rgba(36,13,1,0.7); border-bottom:1px solid #240d01; */ } #header .imagelogo {position:absolute; z-index:8000; left:20px; top:10px; height:70px; width:238px; display:block; } /* PRIMO MENU TASTI UP */ #header .nav {background-color:none; width:100%; height:90px; margin:0px; border: 0px; overflow:hidden;} #header .nav .primarynav {height:32px; margin:35px 20px 0px 0px; background-color:none; list-style: none; text-align:right;} #header .nav .primarynav li {display:inline;} #header .nav .primarynav li a {color: inherit; display:inline-block; padding:0px 15px 0px 15px; text-align:center; font-weight:normal; font-size:17px; text-decoration:none; font-family:Source Sans Pro,BebasNeue_Regular,times new roman, arial;} #header .nav .primarynav li a:hover {color:#d6d6d6;} } #header .nav .primarynav li a.selected {color:#cccccc; background: transparent url(../images/tasto-attivo.png) no-repeat 50px 20px;} #header .nav .primarynav li a.no-separed {background: transparent url(../images/tasto-attivo.png) no-repeat 50px 20px;} #header .nav .primarynav img {vertical-align:center;border:0px;margin:0px 3px 0px 0px;float:left;} #header .navmobile {display:none;} #mobile-menu { width:100%; height:100%; background:rgba(0,0,0,0.8); } #mobile-menu .centermenu {border:0px; width:100%; text-align:left; color:#fff; font-size:20px; padding-top:2px; font-family:BebasNeue_Book,times new roman, arial; text-decoration:none; } #mobile-menu .centermenu ul {z-index:10000; list-style:none; list-style-position:outside; list-style-image:none; margin:0; padding:0; background: transparent url(../images/linea-gr.png) no-repeat bottom center; padding-bottom:10px;} #mobile-menu .centermenu ul.ulend {z-index:11000; background:none; display:block; overflow:visible;} #mobile-menu .centermenu ul li {display:block; overflow:visible; padding:10px 3px 0px 0px;} #mobile-menu .centermenu li a {color:#fff; display:block; font-weight:bold; margin:0; padding:0px 15px; text-decoration:none;} #mobile-menu .centermenu li a:hover {color:#ccc; text-decoration:none; background:transparent url(../images/freccia-dx.gif) no-repeat left center; } #mobile-menu .centermenu li a:active {color:#fff; text-decoration:none;} #mobile-menu .centermenu li a.evident {color:#fff;} /* SECONDO MENU TASTI UP */ #header .secondarynav {position:absolute; top:65px; left:50%;margin-left:-490px; padding:0px; width:400px; height:30px; display:block;} #header .secondarynav li {float:left; margin:0px;} #header .secondarynav li a {color:#565829; display:block; font-weight:normal; margin:0px 20px 0px 0px; padding:0px; text-decoration:none; font-weight:normal; font-size:12px; font-family:BebasNeue_Book,times new roman, arial;} #header .secondarynav li a:hover {color:#aab105; text-decoration:none;text-shadow: 0px 0px 5px #fff;} #header .secondarynav li a:active {border:1px dotted #b0b0b0; margin:0; padding:0 5px; background:none; color:#aab105;} #header .secondarynav .sinistra {float:left;} #header .secondarynav .destra {float:right;} #header .secondarynav a.evident {color:#9d460d;} #header .secondarynav img {vertical-align:center;border:0px;margin:0px 3px 0px 0px;float:left;} #dpiegazioniformmobile {display:none;} #content form input {width: 207px;height:23px;} #content .formdati {margin:30px;} #recaptcha-container {margin-top:0px;margin-left:30px;padding-top:0px;} #menunews {float:left; max-width:190px; margin:10px 0px 0px 16px;} #corponews{float:left; margin-top:10px; max-width:730px; overflow:visible;} /* GESTIONE GOOGLE MAPS - SECONDO TEST START ADDRESS - DESTINATION ADDRESS */ #map_canvas {position:relative; border:0px; max-width:100%; height:100%;margin:0px;} #directions {background:none; max-width:100%;border:0px;margin:0px 0px 0px 0px;padding:0px;font-family: Arial, Helvetica, sans-serif;font-size:11px;font-weight: normal;} /* TASTI SOTTO MAPPA GOOGLE */ #tastidown {margin:0px auto 10px auto;z-index:10; max-width:342px; height:30px; padding:0px;} #tastidown a {color:#a2a2a2; display:block; font-weight:normal; margin:0; text-decoration:none;} #tastidown a:hover {color:#606060; text-decoration:none;} #tastidown a:active { margin:0px; background:none; color:#333;} /*#tastidown .attivo {width:112px; height:19px; background:transparent url(../images/tasto2-on.png) no-repeat; float:left;}*/ #tastidown .noattivo {width:114px; height:19px; background:transparent url(../images/tasto2-off.png) no-repeat; float:left;} #tastidown .noattivo:hover {height:19px; background:transparent url(../images/tasto2-on.png) no-repeat; float:left;} #gallerymenu {float:left; max-width:190px; margin:10px 0px 0px 16px; text-align:right;} #gallerysx{float:left; margin-top:10px; overflow:visible; width:calc(100% - 250px);} #content .topmenu {border:0px; width:196px; height:20px; text-align:right;padding:3px 0px 0px 20px; margin-top:10px;font-size:12px;font-weight:bold;color:#666;font-family:arial; color:#000;font-size:14px; } #content .topmenu a { color:#666; } #content .topmenu a:hover { color:#000;text-decoration:none; } #content .topmenusch1 {border:1px solid #e0e0e0;border-top:0px; width:196px; height:20px; background:#666 ;text-align:center;padding:0px; margin:0px;font-size:12px;font-weight:bold;color:#000;font-family:arial;} #content .topmenudiv {float:left;width:170px;margin:0px;padding:0px;height:14px;padding:3px;} #content .topmenudiv h2{font-size:12px;padding:0px;margin:0px 0px 0px 10px;line-height:12px;float:left;} #content .topmenudiv h5{font-size:12px;padding:0px;margin:0px 0px 0px 10px;line-height:12px;float:left;} #content .centermenu {width:196px;text-align:left;color:#000;font-size:14px;font-family:arial;padding-top:2px;} #content .centermenufinal {border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0; width:196px; background: transparent url(../images/sf-ombra-gr.png) repeat-x bottom; text-align:left;color:#000;font-size:11px;font-family:arial;padding-top:2px; margin-bottom:20px;} #content li {overflow:visible;font-size:13px;margin-top:0px;line-height:8px;} #right_page .dati-page .tablegriddx { margin:0px 0px 0px 0px; width:100%; border-collapse:collapse; padding:0px auto 0px auto; display:table;} #right_page .dati-page .tablegriddxpage { margin:0px 0px 0px 0px; width:100%; border-collapse:collapse; padding:0px; display:table;} #tdalbum{ max-height:186px; float:left; vertical-align:top;text-align:center; } #tdalbum .divimggrid2 img {max-height:180px; max-width:100%; margin:3px; padding:0px; } #tdalbumart{ width:25%; float:left; vertical-align:top; text-align:center; padding:20px 0px 0px 0px; min-height:300px; display:table; font-family: Source Sans Pro;} #tdalbumart img {/*-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;*/} #tdalbumsez{ width:33%; float:left; vertical-align:top; text-align:center; padding:20px 0px 0px 0px; min-height:300px; display:table;} #content .messaggigb {margin-top:30px;} #content .messaggigb h1 {font-size:14px;font-weight:bold;} #content .messaggigb h2 {font-size:12px;padding:0px;margin:0px;line-height:12px;} #mainpage {margin-top:600px; z-index:20;width:100%;border-top:0px;display:block;position:absolute; background: #fff; /*background: -webkit-linear-gradient(top, #cccccc, #ffffff 10%);background: -moz-linear-gradient(top, #cccccc, #ffffff 10%);background: -o-linear-gradient(top, #cccccc, #ffffff 10%)*/} #topimage {position:fixed;z-index:0;width:100%;height:600px;top:0px;background: #f7f3ee; background: -webkit-linear-gradient(top, #d3cabd, #f7f3ee 100%);background: -moz-linear-gradient(top, #d3cabd, #f7f3ee 100%);background: -o-linear-gradient(top, #d3cabd, #f7f3ee 100%);background: -ms-linear-gradient(top, #d3cabd, #f7f3ee 100%);background: linear-gradient(top, #d3cabd, #f7f3ee 100%);background-attachment:fixed;} #topimagecontainer {position:absolute;z-index:1;width:100%;height:355px;top:0px; background: black; background: -webkit-linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0)); background: -o-linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0)); background: -moz-linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0)); background: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0)); } #mainpagesez {margin-top:600px;z-index:20;width:100%;border-top:0px;display:block;position:absolute; background: #fff;/*background: -webkit-linear-gradient(top, #cccccc, #ffffff 10%);background: -moz-linear-gradient(top, #cccccc, #ffffff 10%);background: -o-linear-gradient(top, #cccccc, #ffffff 10%)*/} #topimagesez {position:fixed;z-index:0;width:100%;height:600px;top:0px;background: #f7f3ee; background: -webkit-linear-gradient(top, #d3cabd, #f7f3ee 100%);background: -moz-linear-gradient(top, #d3cabd, #f7f3ee 100%);background: -o-linear-gradient(top, #d3cabd, #f7f3ee 100%);background: -ms-linear-gradient(top, #d3cabd, #f7f3ee 100%);background: linear-gradient(top, #d3cabd, #f7f3ee 100%);background-attachment:fixed;} .topmrg {margin-top:90px!important;} #details #colonna1 {float:left;width:33%;margin:0px;padding:0px;} #details #colonna2 {float:left;width:33%;margin:0px;padding:0px;} #details #colonna3 {float:left;width:33%;margin:0px;padding:0px;} #menu3{ background:#ececec; right:357px; position:fixed; margin-top:91px; border-bottom:2px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:2px solid #f6c415; color:#666; font-weight:normal; font-size:12px; font-family:Source Sans Pro; line-height:13px; z-index:1000000; width:235px; visibility: hidden; padding:10px 0px 20px 0px; } #menu1{ background:#ececec; right:175px; position:fixed; margin-top:91px; border-bottom:2px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:2px solid #f6c415; color:#666; font-weight:normal; font-size:12px; font-family:Source Sans Pro; line-height:18px; z-index:1000000; width:140px; visibility: hidden; padding:20px 0px 20px 0px; } #menu2{ background:rgba(0,0,0,0.8); right:360px; position:fixed; margin-top:90px; border:0px; /* border-bottom:2px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:2px solid #ccc; */ color:#fff; font-weight:normal; font-size:12px; font-family:Source Sans Pro; line-height:18px; z-index:1000000; width:310px; visibility: hidden; padding:20px 0px 20px 0px; } #menu3 a,#menu1 a,#menu2 a{ border: 0px; padding: 10px 0px 0px 0px; color:#fff; text-decoration:none; } .imgtdart:hover {filter:brightness(70%);-webkit-filter: brightness(70%);} #menu3 a,#menu1 a,#menu2 a:hover{ color:#ccc; background:none; } #menu3 h2,#menu1 h2,#menu2 h2{ padding:0px; margin:0px; font-size:13px; text-decoration:none; font-family:Source Sans Pro,BebasNeue_Book,times new roman, arial; font-weight:normal; padding: 0px; text-decoration: none; } #menu3 img,#menu1 img,#menu2 img{max-height:110px;float:left;padding:0px; margin-right:20px;} .divtendina {/*min-height:150px;float:left;width:200px;height:100%;margin:0px;padding:20px;*/} .divtendina h2 {/*float:left;font-size:18px!important;margin:0px;padding:0px;*/} .divtendina img {/*-webkit-border-radius: 10px!important; -moz-border-radius: 10px!important; border-radius: 10px!important;*/} #conttest {opacity:1;top:611px;} #divprenota {width:100%;background:none;border-top:5px solid #9a9a9a;border-bottom:2px dashed #9a9a9a;} #formprenota {max-width:100%;padding:30px 20px 20px 20px; margin:0px auto 0px auto;max-width:985px;text-align:center;} #formprenota input {font-family:Source Sans Pro; color:#a6a6a6; width:100px;height:30px;padding:0px 10px 0px 10px; border:1px solid #a6a6a6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin:0px 10px 10px 0px;} #formprenota textarea {background:#fff;font-family:Source Sans Pro; color:#a6a6a6; width:200px; height:23px!important; padding:7px 10px 0px 10px!important; border:1px solid #a6a6a6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin:0px 10px -12px 0px!important;} #submitprenota {background:#f67217;font-family:Source Sans Pro; color:#fff!important; font-weight:bold; width:150px!important;height:30px;padding:0px 10px 0px 10px; border:1px solid #f67217!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin:0px 10px 0px 0px;} /* TABELLA download SU AREA CLIENTI */ #download2 {width:calc(100% - 30px);border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:15px 15px 15px 15px;} #download2 h1{margin:0px;padding:5px;font-size:14px;color:#000;font-weight:bold;vertical-align:center;text-align:left;} #download2 h2{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;vertical-align:center;} #download2 h3{margin:0px;padding:0px;font-size:16px;color:#000;font-weight:normal;vertical-align:center;text-align:left;} #download2 h4{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;vertical-align:center;text-align:left;} #download2 h5{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;vertical-align:center;text-align:left;} #download2 .tabledownload2{display:table;margin:20px 0px 0px 0px; width:100%; border-collapse:collapse; border:1px solid #000;padding:0px;} #download2 .tdsx2 {display:table-cell;background:#d4d4d4; margin:0px; padding:5px 0px 0px 0px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #download2 .tddx2 {display:table-cell;background:#d4d4d4; margin:0px; padding:5px 0px 0px 0px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #download2 .tdcnt2{display:table-cell;background:#d4d4d4; margin:0px; padding:5px 0px 0px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #download2 .tdwhsx2 {display:table-cell;background:#fff; margin:0px; padding:0px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #download2 .tdwhsx2 img {padding:10px 0px 0px 10px;} #download2 .tdwhdx2 {display:table-cell;background:#fff; margin:0px; padding:0px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #download2 .tdwhcnt2 {display:table-cell;background:#fff; margin:0px; padding:0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} /* REGOLE RESPONSIVE */ @media screen and (min-width: 701px) and (max-width:1116px) { #header {background:url(../images/logo-acciai-pic.png) no-repeat 20px 10px;} #content .formdati {margin:10px;} #right_page .dati-page .tablegriddx { margin:0px 0px 0px 0px; width:100%; border-collapse:collapse; padding:0px auto 0px auto;} #tdalbum {width:33%;} #tdalbumart {width:33%;} #tdalbumsez {width:33%;} #header .nav .primarynav { margin:50px 0px 0px 0px; background-color:none; list-style: none; text-align:center;} #dpiegazioniform {display:none;} #dpiegazioniformmobile {display:block;} .gamma-single-view {top: 100px;height: calc(100% - 100px);} .gamma-overlay { top: 100px; height: calc(100% - 100px);} #mainpage {margin-top:400px;} #topimage {height:400px;top:0px;} #topimagecontainer {height:315px;top:0px;} #mainpagesez {margin-top:400px;} #topimagesez {height:400px;top:0px;} .topmrg {margin-top:90px!important;} #details #colonna1 {float:left;width:33%;margin:0px;padding:0px;} #details #colonna2 {float:left;width:33%;margin:0px;padding:0px;} #details #colonna3 {float:left;width:33%;margin:0px;padding:0px;} #menu3 img {max-height:80px;float:left;padding:0px; margin-right:10px;} #menu3{margin-top:111px;font-size:13px!important;line-height:14px;padding:20px 0px 20px 0px;} #menu3 h2 {padding:0px;margin:0px;height:80px;font-size:13px!important;} .divtendina {min-height:80px;float:left;width:140px;height:100%;margin:0px;padding:20px;} .divtendina h2 {float:left;font-size:18px!important;margin:0px;padding:0px;} #menu2{margin-left:-248px;position:fixed;left:50%;margin-top:91px;} #menu1{margin-left:27px;position:fixed;left:50%;margin-top:91px;} } @media screen and (min-width: 701px) and (max-width:850px) { #header .nav .primarynav li {display:inline;} #header .nav .primarynav li a {padding:0px 8px 0px 8px; font-size:15px;} #menu2{margin-left:-228px;position:fixed;left:50%;margin-top:91px;} } @media screen and (max-width:451px) { #formprenota textarea {width:200px; margin:0px 10px 12px 0px!important;} #formprenota input {width:200px;} #submitprenota {width:222px!important;} } @media screen and (max-width:701px) { #gallerysx{float:none;width:100%;} #right_page .dati-page .tablegriddx { margin:0px 0px 0px 0px; width:100%; border-collapse:collapse; padding:0px auto 0px auto;} #tdalbum {width:50%;} #tdalbumart {width:100%;min-height:0px;} #tdalbumsez {width:100%;min-height:0px;} #content .topmenu {border:0px; width:100%; height:20px; text-align:center;padding:3px 0px 0px 0px; margin-top:10px;font-size:12px;font-weight:bold;color:#fff;font-family:arial; color:#000;font-size:14px; } #directions {margin:0px;padding:0px;} #tastidown .noattivo {width:33%;} #menunews {max-width:100%; margin:50px 0px 0px 0px; border-top:1px dotted #666;} #gallerymenu {width:100%; margin:50px 0px 0px 0px;} #content .formdati {margin:10px;} #recaptcha-container {margin-top:0px;margin-left:0px;padding-top:0px;} #content form input {max-width: 150px;} #content form textarea {max-width: 225px;} #content #textarea-contatti {max-width: 150px;} #content form select {max-width: 150px;} #content .coldati {max-width: 120px;} #header {height:90px;} #header .nav {height: 35px; display:none;} #header .secondarynav {display:none;} #header {background:url(../images/logo-acciai-pic.png) no-repeat 20px 10px;} #dpiegazioniform {display:none;} #dpiegazioniformmobile {display:block;} #header .navmobile {display:block; width:100%; height:100px; margin:0px; border-bottom:0px; overflow:hidden; background-color:none;} #header .navmobile .primarynav {height:35px; margin:45px 0px 0px 0px; background-color:none; list-style: none; text-align:center;} #header .navmobile .primarynav li {display:inline;} #header .navmobile .primarynav li a {display:inline-block; padding:4px 5px 0px 5px; height:35px; color:#fff; text-align:center; font-weight:normal; font-size:25px; text-decoration:none; font-family:BebasNeue_Regular,times new roman, arial;} #header .navmobile .primarynav li a:hover {color:#fff;text-shadow: 0px 0px 5px #fff; } #header .navmobile .primarynav li a.selected {color:#fff; background: transparent url(../images/tasto-attivo.png) no-repeat 50px 20px;} #header .navmobile .primarynav li a.no-separed {background: transparent url(../images/tasto-attivo.png) no-repeat 50px 20px;} #header .navmobile .primarynav img {vertical-align:center;border:0px;margin:0px 3px 0px 0px;float:left;} #barralingue {width:30px; top:10px; left:100%; margin-left:-40px; padding:0px; height:60px; background:none;} #scrlingua {display:none;} #header .imagelogo {position:absolute; z-index:8000; left:50%; top:10px; height:54px; width:177px; margin-left:-88px; display:block; } .gamma-single-view {top: 100px;height: calc(100% - 100px);} .gamma-overlay { top: 100px; height: calc(100% - 100px);} #mainpage {margin-top:330px;} #topimage {position:absolute;height:330px;top:0px;} #topimagecontainer {position:absolute;height:295px;top:0px;} #mainpagesez {margin-top:330px;} #topimagesez {position:absolute;height:330px;top:0px;} .topmrg {margin-top:90px!important;} #details #colonna1 {width:100%;margin:0px;padding:0px;margin-top:30px;} #details #colonna2 {width:100%;margin:0px;padding:0px;margin-top:30px;} #details #colonna3 {width:100%;margin:0px;padding:0px;margin-top:30px;} #right_page .dati-page .mainrow h1 {text-decoration: none; color:#756958; font-size:24px; margin:8px 0px 0px 0px; font-family:Source Sans Pro, verdana,arial; font-weight:normal;} /* TABELLA download SU AREA CLIENTI */ #download2 {width:calc(100% - 10px);padding:15px 5px 15px 5px;} #download2 .tdcnt2 {display:none;} #download2 .tdwhcnt2 {display:none;} } /* BARRE SUPPLEMENTARI - Preferiti, check user loggato ecc. */ #favorites {position:absolute;z-index:50000;top:37px;left:50%;margin-left:-235px;height:20px;text-align:left;width:250px;} #favorites h5 {font-size:12px;color:#fff;font-weight:normal;margin:0px 0px 0px 15px;padding:0px;} #favorites h5 a {color:#fff; font-weight:normal; margin:0px; text-decoration:underline;} #favorites h5 a:hover {color:#ccc; text-decoration:none; background:none; } #favorites h5 a:active {color:#ccc; text-decoration:none;} #checkuser {position:absolute;z-index:50000;top:42px;left:50%;margin-left:-233px;height:20px;text-align:left;width:400px;} #checkuser h2 {font-size:12px;color:#000;font-weight:normal;margin:0px 0px 0px 15px;padding:0px;} #checkuser h2 a {color:#333333; font-weight:normal; margin:0px; text-decoration:underline;} #checkuser h2 a:hover {color:#000000; text-decoration:none; background:none; } #checkuser h2 a:active {color:#525151; text-decoration:none;} #logout {position:absolute;z-index:8888888888;width:100%;height:100%;background:transparent url(../images/trasp.png)} #logout #centerlogout {position:absolute;z-index:9999999999;top:50%;left:50%;margin-top:-100px;margin-left:-200px;width:400px;height:200px;border:1px solid #ccc;background:#fff;color:#000;text-align:center;} #logout #centerlogout h1 {font-size:16px;margin:40px 0px 10px 0px;} #logout #centerlogout h2 {font-size:12px;margin:20px 0px 0px 0px;} #logout #centerlogout h2 a {color:#333333; font-weight:normal; margin:0px; text-decoration:underline;} #logout #centerlogout h2 a:hover {color:#000000; text-decoration:none; background:none; } #logout #centerlogout h2 a:active {color:#525151; text-decoration:none;} /* OMBRA SOTTO TASTI UP */ #header .ombranav {width:1002px; height:8px; margin:0px auto; background:#fff url(../images/sfumatura-down.png) repeat-x 0px 0px;} /* FOOTER */ #footer { width:100%; height:180px; display:table; margin: 10px auto 0px auto; padding-bottom:50px; font-size:12px; position:relative; margin-bottom:0px; background: #dddddd; background: -webkit-linear-gradient(top, #c0c0c0, #dddddd 100%); background: -moz-linear-gradient(top, #c0c0c0, #dddddd 100%); background: -o-linear-gradient(top, #c0c0c0, #dddddd 100%); background: -ms-linear-gradient(top, #c0c0c0, #dddddd 100%); background: linear-gradient(top, #c0c0c0, #dddddd 100%); } #footer .divfooter {max-width:980px; text-align:center; margin: 0px auto 0px auto; font-size:12px; padding:30px;} #subfooter { width:100%; height:80px; display:table; margin: 0px auto 0px auto; padding-bottom:50px; font-size:12px; position:relative; margin-bottom:0px; background: #8c8884; } #subfooter .divsubfooter {max-width:980px; text-align:center; margin: 0px auto 0px auto; font-size:12px; padding:20px;} /* DETTAGLI DI FINE PAGINA */ #details {width:100%; margin:10px auto 10px auto; text-align:left; color:#717171; display:block; overflow:hidden; font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;} #details h2 {font-size:16px; font-weight:bold; color:#818181; vertical-align:middle;} #details a {color:#717171; text-decoration:none; font-size:16px; vertical-align:middle;font-weight:bold; } #details a:active {color:#717171; text-decoration:none;} #details a:hover {color:#fff; text-decoration:none;} /* DETTAGLI DI FINE PAGINA */ #titolicoda {margin:10px auto 10px auto; text-align:center; color:#fff; font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;} #titolicoda h2 {font-size:14px; font-weight:normal; color:#fff; vertical-align:middle;} #titolicoda a {color:#fff; text-decoration:none; font-size:14px;} #titolicoda a:active {color:#fff; text-decoration:underline;} #titolicoda a:hover {color:#956745;} /* SPONSOR */ #sponsor img {border:0px;} #sponsor {width:935px; margin:20px auto 20px auto; overflow:hidden;} /* CONTENT - Regole Generiche */ /*#content {background:#fff; width:1002px; margin: 0px auto 10px auto; padding:0; overflow: hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height: 1;}*/ #content { max-width:985px; display:table; margin: 10px auto 100px auto; background:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height: 1;} #content a {text-decoration:none; color:#36c;} #content a:hover {text-decoration:underline; color:#36c;} #content a:active {color:#f33;} #content p {text-align: justify; font-size: 12px; display:block; line-height:16px; color:#494949;} #content span {display:block; margin-bottom:0px;} #content h1 {font-size: 20px; font-weight: normal; color:#000; margin:0; padding:0 0 5px 0; } #content h2 {font-size: 14px; line-height:18px; font-weight: bold; color:#333; margin:0 0 20px; padding:0; } #content h3 {font-size: 14px; line-height:14px; font-weight: bold; color:#005237; padding:0px; margin:0px;} #content h4 {font-size: 12px; line-height:16px; font-weight: bold; color:#666; margin:0px; padding:0; } #content h5 {font-size: 14px; line-height:18px; font-weight: bold; color:#333; margin:0 0 20px; padding:0; } #content img {border:0px;} /* SLIDESHOW IMMAGINI BANNER UP */ #content #gallery {position:relative; width:960px; height:355px; border:0px; margin:12px 12px 5px 12px;} /* TABELLE CONTATTACI */ table.formdati {line-height:25px; text-align:left; max-width:490px; margin:30px 0 30px 0; padding:0px; border-collapse: collapse; color:#535353;} table.formdati td.coldati {max-width:120px; text-align:right; padding-right:15px; color:#535353;} table.formdati td.colrow {border-bottom:1px solid #ccc;} /* CONTENT - MENU DI SINISTRA */ #content .left_menu {width:191px; float:left; margin:0px 0px 0px 0px;} #content .left_menu .sftopgr { background:transparent url(../images/curva-top-gr.png) no-repeat; height:12px;} #content .left_menu .sfcentergr { background: url(../images/sfondo-gr.png) repeat-y; padding: 0px 15px 8px 15px; color:#6d0000; font-weight:bold;} #content .left_menu .sfcenterwt { background: url(../images/sfondo-wt.png) repeat-y; padding: 5px 5px 5px 5px} #content .left_menu .sfbottomgr { background:transparent url(../images/curva-bottom-gr.png) no-repeat; height:12px;} #content .left_menu .sfbottomwt { background:transparent url(../images/curva-bottom-wt.png) no-repeat; height:12px;} #content .left_menu ul {z-index:10000; list-style:none; list-style-position:outside; list-style-image:none; margin:0; padding:0; background: none; padding-bottom:10px;} #content .left_menu ul.ulend {z-index:11000; background:none; display:block; overflow:visible;} #content .left_menu ul li {line-height:11px; display:block; overflow:visible; padding:10px 3px 0px 0px;} #content .left_menu li a {color:#525151; display:block; font-weight:normal; margin:0; padding:0px 15px; text-decoration:none;} #content .left_menu li a:hover {color:#000000; text-decoration:none; background:none; } #content .left_menu li a:active {color:#525151; text-decoration:none;} #content .left_menu li a.evident {color:#9d460d;} #content .left_menu h2 {color:#9d460d; font-size:13px; margin:0;} #content .left_menu h5 {color:#9d460d; font-size:13px; margin:0;} #content .left_menu h3 {color:#a2a2a2; font-size:11px; margin:0;} #content .left_menu form div{padding: 4px 0px 0px 0px;} #content .left_menu form label {color:#888; float: left; width: 40%; /*line-height: 23px;*/ padding-right: 2%; padding-top: 4px; text-align:left} #content .left_menu form label.remember {color:#888; font-size:10px; width: 60%;} #content .left_menu form a {color:#a2a2a2; display:block; font-weight:normal; margin:0; text-decoration:none; padding:3px 0px 0px 0px;} #content .left_menu form a:hover {color:#606060; text-decoration:underline;} #content .left_menu form a:active {margin:0; background:none;} #content .left_menu form input,textarea {width: 55%; background:none;} #content .left_menu form input.enterbutton {border:0px; width:54px; height:20px; background:url(../images/button-search-up.png) no-repeat 0 0px; color:#fff; padding-bottom: 2px;} #content .left_menu form input.enterbutton:hover { background:url(../images/button-search-down.png) no-repeat 0 0px; color:#fff;} #content .left_menu form input.enterbutton:active {background:url(../images/button-search-down.png) no-repeat 0 0px;} #content .left_menu .userinput { border:1px solid #c5c5c5; background:#fff; height:11px; width:80px; padding: 3px;} #content .left_menu .userarea {margin:0px; padding:4px;} /* CONTENT - PAGINA DESTRA */ #right_page { max-width:985px; float:left; overflow:visible; margin:5px 0px 0px 0px;} #right_page a {text-decoration:none; color:#36c;} #right_page a:hover {text-decoration:underline; color:#36c;} #right_page a:active {color:#f33;} #right_page p {text-align: justify; font-size: 12px; display:block; line-height:16px; color:#494949;} #right_page span {display:block; margin-bottom:0px;} #right_page h1 {font-size: 20px; font-weight: normal; color:#000; margin:0; padding:0 0 5px 0; } #right_page h2 {font-size: 14px; line-height:18px; font-weight: bold; color:#333; margin:0 0 20px; padding:0; } #right_page h3 {font-size: 14px; line-height:14px; font-weight: bold; color:#005237; padding:0px; margin:0px;} #right_page h4 {font-size: 12px; line-height:16px; font-weight: bold; color:#666; margin:0px; padding:0; } #right_page h5 {font-size: 14px; line-height:18px; font-weight: bold; color:#333; margin:0 0 20px; padding:0; } #right_page h6 {color:#ff0000; font-size:13px; margin:0;} #right_page img {border:0px;} #right_page form {padding:5px 5px 5px 5px;} #right_page input {width:200px; height:16px; padding:2px; color:#000; background:#f0f0f0; border:1px solid #c1c1c1; font-size:14px;} #right_page textarea {width:200px; height:100px; padding:2px; color:#000; background:#f0f0f0; border:1px solid #c1c1c1; font-size:14px;} #right_page label {font-size: 16px; line-height:18px; padding:0px; } #right_page select {width:200px; height:16px; padding:2px; color:#000; background:#f0f0f0; border:1px solid #c1c1c1; font-size:14px;} #right_page input.enterbutton {margin-top:10px;margin-right:5px;border:0px;width:112px;height:26px;background:url(../images/button-g-up.png) no-repeat 0px 0px;color:#3a3a3a;padding-bottom:2px;font-weight:bold;font-size:14px;} #right_page input.enterbutton:hover { background:url(../images/button-g-down.png) no-repeat 0px 0px; color:#000000;} #right_page input.enterbutton:active {background:url(../images/button-g-up.png) no-repeat 0px 0px;} #right_page input.enterbutton2 {margin-left:15px; border:0px; width:80px; height:20px; background:url(../images/tasto-off.png) no-repeat 0px 0px; color:#fff; padding: 0px; font-weight:bold; font-size:12px;} #right_page input.enterbutton2:hover { background:url(../images/tasto-on.png) no-repeat 0px 0px; color:#fff;} #right_page input.enterbutton2:active {background:url(../images/tasto-on.png) no-repeat 0px 0px;} #right_page .dati-page {width:calc(100% - 20px); max-width:965px; margin:0px; min-height:350px; padding:0px 10px 0px 10px;} #right_page .dati-page h1 {font-family:Source Sans Pro; font-size:22px;} #right_page .dati-page h1 a {color:#000;text-decoration:none;} #right_page .dati-page h1 a:hover {color:#666;text-decoration:none;} #right_page .dati-page h2 {font-family:Source Sans Pro; font-size:15px; font-weight:normal;} #right_page .dati-page .divtextul {z-index:10000; list-style:none; list-style-position:outside; list-style-image:none; margin:0; padding:0; background: none; padding-bottom:10px;} #right_page .dati-page .divtextul.ulend {z-index:11000; background:none; display:block; overflow:visible;} #right_page .dati-page .divtext ul {z-index:10000; list-style:none; list-style-position:outside; list-style-image:none; margin:0; padding:0; background: none; padding-bottom:10px;} #right_page .dati-page .divtext ul.ulend {z-index:11000; background:none; display:block; overflow:visible;} #right_page .dati-page .divtext ul li {display:block; overflow:visible; padding:10px 3px 0px 0px;} #right_page .dati-page .divtext li a {color:#525151; display:block; font-weight:normal; margin:0; padding:0px 15px; text-decoration:none;} #right_page .dati-page .divtext li a:hover {color:#000000; text-decoration:none; background:none; } #right_page .dati-page .divtext li a:active {color:#525151; text-decoration:none;} #right_page .dati-page .divtext li a.evident {color:#9d460d;} #right_page .dati-page .divtext {max-width:985px; padding:0px;margin:20px 16px 0px 0px; font-family:Franklin_Gothic_Book,verdana,arial;} #right_page .dati-page .divtext h2 { text-decoration:none; color:#363636; font-size: 16px; line-height:22px; font-weight: normal; margin:0px; padding:0px;} #right_page .dati-page .divtext p { text-decoration:none; color:#363636; font-size: 16px; line-height:22px; font-weight: normal; margin:0px; padding:0px;} #right_page .dati-page .divtext h5 { text-decoration:none; color:#363636; font-size: 12px; line-height:14px; font-weight: normal; margin:0px; padding:0px;} #right_page .dati-page .divtext .topmenu h3 {text-decoration:none; color:#363636; font-size: 12px; line-height:14px; font-weight: normal; margin:0px; padding:0px;} #right_page .dati-page .divtext .topmenu h4 {text-decoration:none; color:#666; font-size: 12px; line-height:14px; font-weight: normal; margin:0px; padding:0px;} #right_page .dati-page .divtext .topmenu {border:1px solid #e0e0e0; height:20px; background:#edecec ;text-align:center;padding-top:3px; margin-top:10px;font-size:12px;font-weight:bold;color:#000;font-family:arial;} #right_page .dati-page .divtext .topmenusch1 {border:1px solid #e0e0e0;border-top:0px; height:20px; background:#666 ;text-align:center;padding:0px; margin:0px;font-size:12px;font-weight:bold;color:#000;font-family:arial;} #right_page .dati-page .divtext .topmenusch1 h3{font-size:12px;padding:0px;margin:4px 0px 0px 10px;line-height:12px;float:left;} #right_page .dati-page .divtext .centermenu {height:150px;overflow:auto;margin-bottom:5px;border:0px; background:none; text-align:left;color:#000;font-size:14px;font-family:arial;padding-top:2px;} #right_page .dati-page .divtext .centermenu2{border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0; background: transparent url(../images/sf-ombra-gr.png) repeat-x bottom; text-align:left;color:#000;font-size:11px;font-family:arial;padding-top:2px;} #right_page .dati-page .tablegriddxpage .divimggrid img {max-width:90%; margin:5px auto 0px auto; border:4px solid #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #right_page .dati-page .tablegriddx .divimggrid img {max-width:100%;margin:0px;padding:0px;} #right_page .dati-page .tablegriddx .divpricegrid {} #right_page .dati-page .tablegriddx .imgpricegrid { margin-bottom:10px;} #right_page .dati-page .tablegriddx h2{text-decoration:none; color:#363636; font-size: 16px; line-height:25px; font-weight: normal; margin:0px 0px 5px 0px; padding:0px; font-family:Source Sans Pro,arial;} #right_page .dati-page .tablegriddx h3{ color:#000; font-weight:normal; padding:0px; margin:0px;} #right_page .dati-page .tablegriddx h4{text-decoration: none; font-weight: normal; color:#666; padding:0px; margin:0px;} #right_page .dati-page .tablegriddx h5{text-decoration:none; color:#363636; font-size: 14px; line-height:14px; font-weight: bold; margin:0px 0px 5px 0px; padding:0px;} #right_page .dati-page .tablegriddx a { text-decoration: none; color:#000; padding:0px; margin:0px;} #right_page .dati-page .tablegriddx a:hover { text-decoration: underline; color:#000; padding:0px; margin:0px;} #right_page .dati-page .tablegriddx a:active { text-decoration: none; color:#000; padding:0px; margin:0px;} #right_page .dati-page .tablelistdx {margin:20px 0px 0px 0px; max-width:791px; min-height:170px; border-collapse:collapse; padding:0px;} #right_page .dati-page .tablelistdx .divimglist { text-align:center; min-height:170px; min-width:170px; float:left;} #right_page .dati-page .tablelistdx .divdesclist {width:410px; margin-left:10px; float:left;} #right_page .dati-page .tablelistdx .divdesclist a { text-decoration: underline; color:#000; padding:0px; margin:0px;} #right_page .dati-page .tablelistdx .divdesclist a:hover { text-decoration: underline; color:#000; padding:0px; margin:0px;} #right_page .dati-page .tablelistdx .divdesclist a:active { text-decoration: underline; color:#000; padding:0px; margin:0px;} #right_page .dati-page .tablelistdx .divpricelist{ text-align:center; width:151px; float:left;} #right_page .dati-page .tablelistdx .imgpricelist { margin-bottom:20px;} #right_page .dati-page .tablelistdx td {width:791px; margin:0px; padding:15px; border-bottom:1px dotted #ccc; } #right_page .dati-page .tablelistdx h2{text-decoration:none; color:#363636; font-size: 14px; line-height:14px; font-weight: bold; margin:0px 0px 5px 0px; padding:0px;} #right_page .dati-page .tablelistdx h5{text-decoration:none; color:#363636; font-size: 14px; line-height:14px; font-weight: bold; margin:0px 0px 5px 0px; padding:0px;} #right_page .dati-page .tablelistdx h3{ color:#ff0000; font-weight:normal; padding:0px; margin:0px;} #right_page .dati-page .tablelistdx h4{text-decoration: none; font-weight: normal; color:#666; padding:0px; margin:0px;} #right_page .dati-page .tablelistdx a { text-decoration: none; color:#000; padding:0px; margin:0px;} #right_page .dati-page .tablelistdx a:hover { text-decoration: underline; color:#000; padding:0px; margin:0px;} #right_page .dati-page .tablelistdx a:active { text-decoration: none; color:#000; padding:0px; margin:0px;} #right_page .dati-page .tableartdx {padding:0px;width:780px;height:380px;border-collapse:collapse;padding:0px;} #right_page .dati-page .tableartdx .tdimgart {width:380px;height:380px;text-align:center;vertical-align:center;} #right_page .dati-page .tableartdx .tdpriceart {btext-align:left;vertical-align:center;padding:20px 0px 0px 0px;} #right_page .dati-page .tableartdx .divart {margin:0px;padding:3px 0px 3px 5px;height:20px;border-bottom:1px solid #ccc;} #right_page .dati-page .tableartdx .divpriceart {margin:10px 0px 0px 0px;padding:0px;height:30px;} #right_page .dati-page .tableartdx h2{text-decoration:none; color:#363636; font-size: 12px; line-height:14px; font-weight: normal; margin:3px 5px 3px 0px; padding:0px; float:left;} #right_page .dati-page .tableartdx h3{ color:#ff0000; font-weight:bold; font-size:16px; padding:0px; margin:0px 10px 0px 0px; float:left;} #right_page .dati-page .tableartdx h4{text-decoration: none; line-height:14px; font-weight: bold; font-size:16px; color:#000; padding:0px; margin:0px 10px 0px 0px; float:left;} #right_page .dati-page .tableartdx h5{text-decoration:none; color:#363636; font-size: 12px; line-height:14px; font-weight: normal; margin:3px 5px 3px 0px; padding:0px; float:left;} #right_page .dati-page .tableartdx a { text-decoration: underline; color:#000; padding:0px; margin:0px;} #right_page .dati-page .tableartdx a:hover { text-decoration: underline; color:#000; padding:0px; margin:0px;} #right_page .dati-page .tableartdx a:active { text-decoration: underline; color:#000; padding:0px; margin:0px;} #right_page .dati-page .divvar {width:200px; height:90px; margin:10px 0px 0px 0px;} #right_page .dati-page .divprod {float:left; width:80px;margin:10px 10px 0px 0px;} #right_page .dati-page .mainrow { padding:0px; margin:0px; min-height:25px; max-width:985px; /*border-bottom:2px dashed #ccc;*/ } #right_page .dati-page .mainrow h1 {text-decoration: none; color:#666; font-size:26px; margin:8px 0px 0px 0px; font-family:Source Sans Pro, verdana,arial; font-weight:normal;} #right_page .dati-page .mainrow-nov { padding:0px; margin:0px; min-height:25px; width:791px; border-bottom:1px dotted #ccc; background:url(../images/sf-gr-cnt.png) repeat-x top; margin-top:0px;padding:5px 0px 5px 0px;} #right_page .dati-page .mainrow-nov h1 {text-decoration: none; color:#ff0000; font-size:16px; margin:5px 0px 0px 20px;} #right_page .dati-page .divod {width:779px;height:40px;background:#fff;border-bottom:1px solid #ccc;} #right_page .dati-page .divord {height:30px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:10px 3px 0px 0px;float:left;background:#fff;} #right_page .dati-page .divord a { text-decoration: none; color:#000;} #right_page .dati-page .divord a:hover { text-decoration: none;} #right_page .dati-page .divord a:active { text-decoration: none;} #right_page .dati-page .divord h1{text-decoration:none; color:#000; font-size: 14px;font-weight: bold; padding:8px 10px 5px 10px;} #right_page .dati-page .divdps {height:30px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:10px 3px 0px 0px;float:left; background:url(../images/sf-gr-tp.png) repeat-x top; } #right_page .dati-page .divdps a { text-decoration: none; color:#000;} #right_page .dati-page .divdps a:hover { text-decoration: none;} #right_page .dati-page .divdps a:active { text-decoration: none;} #right_page .dati-page .divdps h1{text-decoration:none; color:#000; font-size: 14px;font-weight: bold; padding:8px 10px 5px 10px;} /* tabelle recensioni / descrizioni articoli */ #divdr {width:791px;height:40px;background:#fff;border-bottom:1px solid #ccc;} #divdr #divgenerale {height:30px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:10px 3px 0px 0px;float:left;} #divdr #divgenerale a {text-decoration: none; color:#000;} #divdr #divgenerale a:hover {text-decoration: none;} #divdr #divgenerale a:active {text-decoration: none;} #divdr #divgenerale p {text-decoration:none; color:#000; font-size: 14px;font-weight: bold; padding:8px 10px 5px 10px; margin:0px;} #divdr .white {background:#fff;} #divdr .grey {background:url(../images/sf-gr-tp.png) repeat-x top;} #descrizione {width:759px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:15px; margin-bottom:20px;} #descrizione h2 {text-decoration:none; color:#363636; font-size: 14px; line-height:16px; font-weight: normal;} #recensione {width:759px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:15px; margin-bottom:20px;} #recensione .rec {width:730px;margin:10px;border-top:1px dotted #ccc;} #recensione .rec h2 {text-decoration:none; color:#363636; font-size: 14px; line-height:14px; font-weight: bold; margin:15px 0px 0px 60px; padding:0px 0px 10px 0px;} #recensione .rec h3 {text-decoration:none; color:#363636; font-size: 12px; line-height:14px; font-weight: normal; margin:0px; padding:0px;} #recensione .rec h4 {text-decoration:none; color:#363636; font-size: 14px; line-height:16px; font-weight: normal; margin:5px 0px 0px 0px;} #opinione {width:759px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:15px; margin-bottom:20px;} #opinione h2 {text-decoration:none; color:#363636; font-size: 14px; line-height:16px; font-weight: normal;} #divdr .divscrivi {height:30px;margin:10px 3px 0px 0px;float:left;} #divdr .divscrivi a { text-decoration: none; color:#1d63a3;} #divdr .divscrivi a:hover { text-decoration: underline;} #divdr .divscrivi a:active { text-decoration: none;} #divdr .divscrivi h2{text-decoration:none; color:#000; font-size: 12px;font-weight: bold; padding:8px 10px 5px 10px;} /* NAVIGATION BAR */ #navbar { margin:0px; padding:10px 10px 10px 10px; max-width:965px; height:35px;} #navbar ul { height:20px; list-style:none; list-style-position:inside; list-style-image:none; margin:0px; padding:0px; } #navbar ul li { float:left; color:#666; font-size:13px; margin:0px; padding:0px; line-height:25px;} #navbar ul li a {color:#666; text-decoration:none;} #navbar ul li a:hover {color:#750606;} /* ERROR BAR */ #errorbar { margin:0px; padding:10px 10px 0px 10px; max-width:965px; height:25px; border:1px solid #aa720f; background:#ffd893;} #errorbar h2{ float:left; color:#ff0000; font-size:13px; margin:0px; padding:3px 0px 3px 10px; } /* MESSAGGI POSITIVI BAR */ #msokbar { margin:9px 0px 0px 0px; width:789px; height:25px; border:1px solid #13ce00; background:#cbfbc6;} #msokbar h2{ float:left; color:#085000; font-size:13px; margin:0px; padding:3px 0px 3px 10px; } /* BANNER - IMMAGINE UP NELLE SEZIONI */ #imgright {padding:0px; margin:0px; width:100%; border:0px;} /*#imgright img { border:0px; margin:0px; padding:0px; }*/ /* SELEZIONE METODO VISUALIZZAZIONE GRIGLIA - LISTA */ #querycontrol { margin:0px; width:100%; height:25px; } #querycontrol h5 {text-decoration:none; color:#41431b; font-size: 11px; line-height:14px; font-weight: normal; margin:0px 5px 5px 0px; padding:0px; float:left;} #querycontrol img { border:0px; margin:0px 5px 5px 0px; padding-bottom:5px; float:left;} #querycontrol .gridlist { margin:0px; width:170px; height:25px; float:left;} #querycontrol .pagenumber { text-align:center; margin:0px; width:100%; height:25px;} #querycontrol #sortby { text-align:center; margin:0px; width:200px; height:25px; float:left;} #querycontrol #sortby select {height:20px; font-size:10px; width:100px; color:#666; float:left; border:1px solid #ccc; margin:0px; } #querycontrol #showitem { text-align:right; margin:0px; width:100px; height:25px; float:left;} #querycontrol #showitem select {height:20px; font-size:10px; width:50px; color:#41431b; float:left; border:1px solid #ccc; margin:0px; } /* CARRELLO SPESA SIDE BAR */ #contentcarrello { position:absolute; right:0; top:24px;z-index:500000;background:#ffffff;width:304px; left:50%; margin-left:-228px;border:1px solid #ccc;} #contentcarrello table{border-collapse:collapse;border:0px;margin:0px;padding:0px;} #contentcarrello .topchart {background:#666; height:22px; margin:0px; padding:6px 2px 2px 2px;border-bottom:1px solid #ccc;} #contentcarrello .topchart h5 {margin:0px 0px 0px 20px;padding:0px;font-size:12px;color:#fff;font-weight:bold;float:left;height:20px;vertical-align:center;} #contentcarrello .centerchart {border-bottom:1px dotted #ccc;width:304px;margin:0px;padding:0px;} #contentcarrello .imgchart {width:80px;margin:0px;padding:10px;float:left;} #contentcarrello .dettchart {width:176px;margin:0px;padding:10px;float:left;} #contentcarrello .dettchart h1 {margin:0px;padding:0px;font-size:12px;color:#000;font-weight:bold; line-height:18px;} #contentcarrello .dettchart h3 {margin:0px;padding:0px;font-size:10px;color:#666;font-weight:normal; line-height:15px;} #contentcarrello .dettchart a {float:left;font-size:10px;color:#000;font-weight:normal;text-decoration:underline;} #contentcarrello .dettchart a:hover {color:#36c;} #contentcarrello .dettchart a:active { color:#36c;} #contentcarrello .pricechart {background:#f6f6f6; height:22px; margin:0px; padding:6px 2px 2px 2px;border-bottom:1px solid #ccc;} #contentcarrello .pricechart h2{margin:0px 0px 0px 20px;padding:0px;font-size:12px;color:#000;font-weight:normal;height:20px;vertical-align:center;} #contentcarrello .paychart {width:304px;margin:0px;padding:0px;background:#e3e3e3; height:30px; border-bottom:1px solid #ccc;} #contentcarrello .paychart .leftpay {width:144px;float:left;text-align:right;} #contentcarrello .paychart .leftpay h3{float:right;margin:0px;padding:0px;font-size:11px;color:#666;font-weight:bold; line-height:15px;} #contentcarrello .paychart .rightpay {width:140px;float:left;text-align:right;margin-left:12px;} #contentcarrello .paychart .rightpay h3 {margin:0px;padding:0px;font-size:11px;color:#666;font-weight:bold; line-height:15px;} #contentcarrello .paychart a {font-size:11px;color:#000;font-weight:bold;text-decoration:underline;} #contentcarrello .paychart a:hover {color:#36c;} #contentcarrello .paychart a:active { color:#36c;} /* CARRELLO SPESA SU PAGINA INTERA */ #pagecarrello h1{margin:0px;padding:0px;font-size:14px;color:#000;font-weight:bold;height:20px;vertical-align:center;text-align:left;} #pagecarrello h2{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;height:20px;vertical-align:center;} #pagecarrello h3{margin:0px;padding:0px;font-size:16px;color:#000;font-weight:normal;height:20px;vertical-align:center;text-align:center;} #pagecarrello h4{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;height:20px;vertical-align:center;text-align:center;} #pagecarrello h5{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;height:20px;vertical-align:center;text-align:left;} #pagecarrello .tablech{margin:20px 0px 0px 0px; width:791px; border-collapse:collapse; border:0px;margin:0px;padding:0px;} #pagecarrello .tdsx {background:#7d7d7d; margin:0px; padding:5px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;text-align:center;} #pagecarrello .tddx {background:#7d7d7d; margin:0px; padding:5px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;text-align:center;} #pagecarrello .tdcnt {background:#7d7d7d; margin:0px; padding:5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;text-align:right;} #pagecarrello .tdwhsx {background:#fff; margin:0px; padding:5px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;text-align:center;} #pagecarrello .tdwhdx {background:#fff; margin:0px; padding:5px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;text-align:center;} #pagecarrello .tdwhcnt {background:#fff; margin:0px; padding:5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;text-align:right;} #pagecarrello .checkout {float:right;width:112px;height:26px;background:url(../images/button-g-up.png) no-repeat 0px 0px;text-align:center;padding:5px 0px 0px 0px;margin:0px 0px 0px 20px;} #pagecarrello .checkout a{width:112px;height:26px;color:#000;font-size:14px;font-weight:bold;} #pagecarrello .checkout:hover { background:url(../images/button-g-down.png) no-repeat 0px 0px;} #pagecarrello .checkout:active {background:url(../images/button-g-up.png) no-repeat 0px 0px;} /* TABELLA ORDINI ESEGUITI SU AREA CLIENTI */ #ordini {width:747px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:15px;} #ordini h1{margin:0px;padding:0px;font-size:14px;color:#000;font-weight:bold;height:20px;vertical-align:center;text-align:left;} #ordini h2{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;height:20px;vertical-align:center;} #ordini h3{margin:0px;padding:0px;font-size:16px;color:#000;font-weight:normal;height:20px;vertical-align:center;text-align:left;} #ordini h4{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;height:20px;vertical-align:center;text-align:left;} #ordini h5{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;height:20px;vertical-align:center;text-align:left;} #ordini .tableordini{margin:20px 0px 0px 0px; width:748px; border-collapse:collapse; border:0px;margin:0px;padding:0px;} #ordini .tdsx {background:#7d7d7d; margin:0px; padding:5px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #ordini .tddx {background:#7d7d7d; margin:0px; padding:5px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #ordini .tdcnt {background:#7d7d7d; margin:0px; padding:5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #ordini .tdwhsx {background:#fff; margin:0px; padding:5px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #ordini .tdwhdx {background:#fff; margin:0px; padding:5px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #ordini .tdwhcnt {background:#fff; margin:0px; padding:5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} /* TABELLA dati personali SU AREA CLIENTI */ #datipers {width:747px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:15px;} #datipers h1{margin:0px;padding:0px;font-size:14px;color:#000;font-weight:bold;height:20px;vertical-align:center;text-align:left;} #datipers h2{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;height:20px;vertical-align:center;} #datipers h3{margin:0px;padding:0px;font-size:16px;color:#000;font-weight:normal;height:20px;vertical-align:center;text-align:left;} #datipers h4{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;height:20px;vertical-align:center;text-align:left;} #datipers h5{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;height:20px;vertical-align:center;text-align:left;} #datipers .tabledatipers{margin:20px 0px 0px 0px; width:748px; border-collapse:collapse; border:0px;padding:0px;} #datipers .tdsx {background:#feddf6; margin:0px; padding:5px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #datipers .tddx {background:#feddf6; margin:0px; padding:5px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #datipers .tdcnt {background:#feddf6; margin:0px; padding:5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #datipers .tdwhsx {background:#fff; margin:0px; padding:5px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #datipers .tdwhdx {background:#fff; margin:0px; padding:5px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #datipers .tdwhcnt {background:#fff; margin:0px; padding:5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} /* TABELLA COUPON SU AREA CLIENTI */ #coupon {width:747px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:15px;} #coupon h1{margin:0px;padding:0px;font-size:14px;color:#000;font-weight:bold;height:20px;vertical-align:center;text-align:left;} #coupon h2{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;height:20px;vertical-align:center;} #coupon h3{margin:0px;padding:0px;font-size:16px;color:#000;font-weight:normal;height:20px;vertical-align:center;text-align:left;} #coupon h4{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;height:20px;vertical-align:center;text-align:left;} #coupon h5{margin:0px;padding:0px;font-size:12px;color:#000;font-weight:normal;height:20px;vertical-align:center;text-align:left;} #coupon .tablecoupon{margin:20px 0px 0px 0px; width:748px; border-collapse:collapse; border:0px;padding:0px;} #coupon .tdsx {background:#feddf6; margin:0px; padding:5px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #coupon .tddx {background:#feddf6; margin:0px; padding:5px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #coupon .tdcnt {background:#feddf6; margin:0px; padding:5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #coupon .tdwhsx {background:#fff; margin:0px; padding:5px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #coupon .tdwhdx {background:#fff; margin:0px; padding:5px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} #coupon .tdwhcnt {background:#fff; margin:0px; padding:5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;text-align:left;} /* CSS for the two demo scrollers*/ #pscroller1{ width: 460px; height: 230px; margin:0px; border: 0px; padding: 0px; color:#000;} #pscroller1 a {text-decoration: none;} .loader { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999999999; background: #fafafa url(../images/page-loader.gif) no-repeat center center; text-align: center; color: #999; } /* codice css per cookies policy */ .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Source Sans Pro,Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}