/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}ul,ol,li{list-style:none;}
/* GRID 24 */
body{min-width:960px;}.container_24{margin-left:auto;margin-right:auto;width:960px;}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px;}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative;}.alpha{margin-left:0;}.omega{margin-right:0;}.container_24 .grid_1{width:30px;}.container_24 .grid_2{width:70px;}.container_24 .grid_3{width:110px;}.container_24 .grid_4{width:150px;}.container_24 .grid_5{width:190px;}.container_24 .grid_6{width:230px;}.container_24 .grid_7{width:270px;}.container_24 .grid_8{width:310px;}.container_24 .grid_9{width:350px;}.container_24 .grid_10{width:390px;}.container_24 .grid_11{width:430px;}.container_24 .grid_12{width:470px;}.container_24 .grid_13{width:510px;}.container_24 .grid_14{width:550px;}.container_24 .grid_15{width:590px;}.container_24 .grid_16{width:630px;}.container_24 .grid_17{width:670px;}.container_24 .grid_18{width:710px;}.container_24 .grid_19{width:750px;}.container_24 .grid_20{width:790px;}.container_24 .grid_21{width:830px;}.container_24 .grid_22{width:870px;}.container_24 .grid_23{width:910px;}.container_24 .grid_24{width:950px;}.container_24 .prefix_1{padding-left:40px;}.container_24 .prefix_2{padding-left:80px;}.container_24 .prefix_3{padding-left:120px;}.container_24 .prefix_4{padding-left:160px;}.container_24 .prefix_5{padding-left:200px;}.container_24 .prefix_6{padding-left:240px;}.container_24 .prefix_7{padding-left:280px;}.container_24 .prefix_8{padding-left:320px;}.container_24 .prefix_9{padding-left:360px;}.container_24 .prefix_10{padding-left:400px;}.container_24 .prefix_11{padding-left:440px;}.container_24 .prefix_12{padding-left:480px;}.container_24 .prefix_13{padding-left:520px;}.container_24 .prefix_14{padding-left:560px;}.container_24 .prefix_15{padding-left:600px;}.container_24 .prefix_16{padding-left:640px;}.container_24 .prefix_17{padding-left:680px;}.container_24 .prefix_18{padding-left:720px;}.container_24 .prefix_19{padding-left:760px;}.container_24 .prefix_20{padding-left:800px;}.container_24 .prefix_21{padding-left:840px;}.container_24 .prefix_22{padding-left:880px;}.container_24 .prefix_23{padding-left:920px;}.container_24 .suffix_1{padding-right:40px;}.container_24 .suffix_2{padding-right:80px;}.container_24 .suffix_3{padding-right:120px;}.container_24 .suffix_4{padding-right:160px;}.container_24 .suffix_5{padding-right:200px;}.container_24 .suffix_6{padding-right:240px;}.container_24 .suffix_7{padding-right:280px;}.container_24 .suffix_8{padding-right:320px;}.container_24 .suffix_9{padding-right:360px;}.container_24 .suffix_10{padding-right:400px;}.container_24 .suffix_11{padding-right:440px;}.container_24 .suffix_12{padding-right:480px;}.container_24 .suffix_13{padding-right:520px;}.container_24 .suffix_14{padding-right:560px;}.container_24 .suffix_15{padding-right:600px;}.container_24 .suffix_16{padding-right:640px;}.container_24 .suffix_17{padding-right:680px;}.container_24 .suffix_18{padding-right:720px;}.container_24 .suffix_19{padding-right:760px;}.container_24 .suffix_20{padding-right:800px;}.container_24 .suffix_21{padding-right:840px;}.container_24 .suffix_22{padding-right:880px;}.container_24 .suffix_23{padding-right:920px;}.container_24 .push_1{left:40px;}.container_24 .push_2{left:80px;}.container_24 .push_3{left:120px;}.container_24 .push_4{left:160px;}.container_24 .push_5{left:200px;}.container_24 .push_6{left:240px;}.container_24 .push_7{left:280px;}.container_24 .push_8{left:320px;}.container_24 .push_9{left:360px;}.container_24 .push_10{left:400px;}.container_24 .push_11{left:440px;}.container_24 .push_12{left:480px;}.container_24 .push_13{left:520px;}.container_24 .push_14{left:560px;}.container_24 .push_15{left:600px;}.container_24 .push_16{left:640px;}.container_24 .push_17{left:680px;}.container_24 .push_18{left:720px;}.container_24 .push_19{left:760px;}.container_24 .push_20{left:800px;}.container_24 .push_21{left:840px;}.container_24 .push_22{left:880px;}.container_24 .push_23{left:920px;}.container_24 .pull_1{left:-40px;}.container_24 .pull_2{left:-80px;}.container_24 .pull_3{left:-120px;}.container_24 .pull_4{left:-160px;}.container_24 .pull_5{left:-200px;}.container_24 .pull_6{left:-240px;}.container_24 .pull_7{left:-280px;}.container_24 .pull_8{left:-320px;}.container_24 .pull_9{left:-360px;}.container_24 .pull_10{left:-400px;}.container_24 .pull_11{left:-440px;}.container_24 .pull_12{left:-480px;}.container_24 .pull_13{left:-520px;}.container_24 .pull_14{left:-560px;}.container_24 .pull_15{left:-600px;}.container_24 .pull_16{left:-640px;}.container_24 .pull_17{left:-680px;}.container_24 .pull_18{left:-720px;}.container_24 .pull_19{left:-760px;}.container_24 .pull_20{left:-800px;}.container_24 .pull_21{left:-840px;}.container_24 .pull_22{left:-880px;}.container_24 .pull_23{left:-920px;}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}.clearfix:before,.clearfix:after,.container_24:before,.container_24:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}.clearfix:after,.container_24:after{clear:both;}.clearfix,.container_24{zoom:1;}
a, a:active, a:visited {
text-decoration: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a:hover, a.active { text-decoration: none; }
h2 { }
p { font-weight: 100; }
/*img { max-width: 100%; }*/
html, body {height: 100%;}
html { }
body { /*background-image: url(http://www.ceramichefomiatti.it/nuovo/grafica/sfondo.jpg);*/ font-family: 'Nunito', sans-serif; font-weight:400;}
h1 {
font-family: 'Oswald', sans-serif;
font-size: 25px;
font-weight: 400;
}
/* - - - - BLOCCHI PRINCIPALI - - - - */
#header {/* background-color: rgba(255, 255, 255, 1);*/
height: 120px;
padding-top: 10px;
border-bottom: 2px solid #FFF;
/*background-image: url(http://www.ceramichefomiatti.it/nuovo/grafica/sfondo-header.jpg);*/
overflow: hidden;}
#logo { width: 245px }
#logo img{width: 245px}
#menu { }
#menu a { }
#menu a:hover, #menu a.active { }
#menu .divisore { }
div#hormenu {font-family: 'Oswald', sans-serif; color: #D1D3D4; margin-top: 62px; font-size: 24px}
div#hormenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
color: #D1D3D4;
float:right;
}
div#hormenu li
{
width:auto;
float:left;
margin: 0;
padding: 0;
color: #FFF;
/*border-top: none;*/
margin-left: 44px;
}
div#hormenu a
{
display: block;
padding: 5px;
color: #D1D3D4;
text-decoration:none;
}
div#hormenu a, a:visited{color: #D1D3D4 !important}
div#hormenu a.active{ color: #FF0000 !important; border-bottom: 1px solid #F00;}
div#hormenu a:hover{ color: #FF0000; text-decoration: none; border-bottom: 1px solid #F00;}
div#hormenu li ul{display: none}
div#hormenu li:hover ul{
display: block;
position: absolute;
z-index:1;
width:150px;
padding: 0;
margin: 0 0 0 -25px;
border:1px solid black;
background-color: black;
background-color: rgba(0,0,0,0.4);
line-height: 25px;
}
div#hormenu li li { border:none; width:150px; }
div#hormenu li li a { padding:2px 2px 2px 4px; text-align:center; }
#slider { }
#container {min-height: 100%;
height: auto !important;
margin: 0 auto -120px;
/*background-image: url(http://www.ceramichefomiatti.it/nuovo/grafica/sfondo.jpg);*/}
.index{background-image: url(http://www.ceramichefomiatti.it/grafica/sfondo-home.jpg);background-repeat: no-repeat;background-size: cover;}
.index-head{background-image: url(http://www.ceramichefomiatti.it/grafica/sfondo-header.jpg);}
.index a{background:none}
.showroom{background-image: url(http://www.ceramichefomiatti.it/grafica/sfondo-showroom.jpg);background-repeat: no-repeat;background-size: cover;}
.showroom-head{background-image: url(http://www.ceramichefomiatti.it/grafica/sfondo-header.jpg);}
.showroom a{background:none}
.brand{background-image: url(http://www.ceramichefomiatti.it/grafica/sfondo.jpg);background-repeat: no-repeat;background-size: cover;}
.brand-head{background-color: rgba(0,0,0,0.7)}
.brand a{background:none}
.contatti{background-image: url(http://www.ceramichefomiatti.it/grafica/sfondo-contatti.jpg);background-repeat: no-repeat;background-size: cover;}
.contatti-head{background-image: url(http://www.ceramichefomiatti.it/grafica/sfondo-header.jpg);}
.contatti a{background:none}
#navbar { }
#content { }
#aside { }
#footer {height: 96px;clear: both; background-color:#000; color: #FFF; padding-top: 24px;}
#footer img { }
#footer .riferimenti { }
#footer .riferimenti img { }
#footer a, a:visited{color: #F00}
#indirizzi-footer{font-size: 13px;line-height: 22px;}
#contatti-footer{font-size: 13px;line-height: 22px;margin-top: 22px;}
.anteprima { }
#map_canvas { height: 379px;width: 438px; }
/*HOME*/
#contenuto-home{position: relative;height: 100%; margin: 0 auto;min-height: 560px;}
#sfondo-box-home{background-color: rgba(255, 255, 255, 0.8);height: 54%;position: absolute;width: 51%;top: 125px;}
#box-home a, a:visited{color: #F00 !important;}
#box-home{position:absolute; top: 125px; padding-top:36px}
/*HOME*/
/*SHOWROOM*/
#contenuto-showroom{position: relative;height: 100%; margin: 0 auto;min-height: 850px;}
#sfondo-box-showroom{background-color: rgba(255, 255, 255, 0.8);height: 167px;position: absolute;width: 54%; top: 72px;}
#box-showroom{position:absolute; top: 72px; padding-top:36px;line-height: 19px;}
#box-showroom a, a:visited{color: #F00 !important}
#contenuto-showroom-bottom p{text-align:left;line-height: 21px;font-size: 13px;
font-weight: 500;}
#contenuto-showroom u{color: #F00; text-decoration:none}
#contenuto-showroom-top{ font-family: 'Nunito', sans-serif;height: 330px}
#contenuto-showroom-bottom a, a:visited{color: #F00 !important}
#contenuto-showroom-bottom{font-size: 18px;
font-family: 'Oswald', sans-serif;
font-weight: 100;}
#contenuto-showroom-bottom a, a:visited{color: #000}
.sfondo-opaco{background-color: rgba(255,255,255,0.8); height: 140px; margin-bottom: 10px; text-align: center; padding: 10px}
#showroom-box1{}
#showroom-box1 h3{margin-top: 55px; line-height: 23px;}
#showroom-box2{padding: 1px;height: 157px;width: 210px; position:relative}
#showroom-box2 h4{position: absolute;bottom: 7px;right: 8px;font-weight: 400;}
#showroom-box2 a, a:visited{color: #000 !important}
#showroom-box3{padding: 1px;height: 157px;width: 210px; position:relative}
#showroom-box3 h4{position: absolute;bottom: 7px;right: 8px;font-weight: 400;}
#showroom-box3 a, a:visited{color: #000 !important}
#showroom-box4{}
#showroom-box4 h3{margin-top: 65px}
#showroom-box5{}
#showroom-box5 p{margin-top:41px}
#showroom-box6{}
#showroom-box6 p{margin-top:41px}
#showroom-box7{}
#showroom-box7 p{margin-top:32px}
/*SHOWROOM*/
/*BRAND*/
#contenuto-brand{font-family: 'Oswald', sans-serif;min-height: 830px;}
#colonna-brand-sinistra{
text-align: right;
margin-top: 45px;
font-size: 38px;
line-height: 83px;
color: #FFF;
margin-right: 125px;
}
#colonna-brand-sinistra a, a:visited{color: #FFF !important}
#colonna-brand-destra{text-align: left; margin-top: 45px;
font-size: 38px;
line-height: 83px;
color: #333333;}
/*BRAND*/
/*CONTATTI*/
#contenuto-contatti{min-height: 850px;}
#sfondo-box-contatti{background-color: rgba(255, 255, 255, 0.8);height: 180px;position: absolute;width: 48%; top: 190px;}
#box-contatti{position:absolute; top: 180px; padding-top:36px}
#box-contatti a, a:visited{color: #F00 !important}
#sfondo-box-contatti2{background-color: rgba(255, 255, 255, 0.8);height: 375px;position: absolute;width: 43%; top: 190px; right:0}
#box-contatti2{position: absolute;top: 180px;padding-top: 36px;margin-left: 621px;width: 10%;;}
#box-mappa{height: 379px;width: 438px; background-color: rgba(255, 255, 255, 0.8);margin-top: 286px;border: 2px solid #FFF;}
/*CONTATTI*/
/* - - - - CLASSI - - - - */
a[class*="pdf"] { padding-left: 15px; background: url(../grafica/icons/pdf.png) center left no-repeat; }
a[class*="doc"], a[class*="docx"] { padding-left: 15px; background: url(../grafica/icons/doc.png) center left no-repeat; }
a[class*="xls"], a[class*="xlsx"] { padding-left: 15px; background: url(../grafica/icons/xls.png) center left no-repeat; }
a[class*="zip"], a[class*="7z"], a[class*="rar"] { padding-left: 15px; background: url(../grafica/icons/zip.png) center left no-repeat; }
.copyright {margin-top: 45px;text-align: right; font-size:12px}
.copyright A:link{text-decoration:none; color: #FFF !important}
.copyright A:visited{text-decoration:none}
.copyright A:hover{color:#f3a100;text-decoration:none}
/*
azzurro: #8dcaba
verde: #d9c900
arancione: #f3a100
*/
.nome{padding: 4px 68px !important}
.telefono{padding: 4px 75px !important}
.email{padding: 4px 65px !important}
.chiave{padding-left: 144px !important;
padding-right: 0px !important;}
.testo{padding: 25px 4px !important}
.modulo_contatti { width: 290px; font-size: 14px;}
.modulo_contatti .label { text-align: left; margin-bottom: -21px; }
.modulo_contatti label { display: none !important; }
.modulo_contatti input, .modulo_contatti textarea {
width: 100%;
padding: 4px 68px;
margin-bottom: 10px;
border-bottom: 1px solid #000 !important;
line-height: 16px;
font-family: sans-serif;
border: none;
background: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.modulo_contatti input:focus, .modulo_contatti textarea:focus { }
.modulo_contatti textarea { height: 72px; }
.modulo_contatti img { vertical-align: bottom; }
.modulo_contatti .submit {
width: 50%;
margin: 10px 0 10px 50%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.modulo_contatti .submit:hover { cursor: pointer; background: #F00; color: #FFF }
.modulo_contatti .cb { width: 12px; height: 12px; padding: 0; margin:0; margin-right: 2px; }
.modulo_contatti img { margin-right: 2px; }
.modulo_contatti .acconsento { font-size: 9px; line-height: 20px; font-style: italic; }
.modulo_contatti input.chiave {
background-position: center right;
background-repeat: no-repeat;
width: 74%;
padding-left: 115px;
}
.modulo_contatti img.chiave { float: right;
margin-top: -35px;
width: 23%; }
.modulo_contatti input.submit { padding: 5px; border: 1px solid #F00; border-bottom: 1px solid #F00 !important;}
.modulo_contatti :-moz-placeholder,
.modulo_contatti .placeholder,
.modulo_contatti ::-webkit-input-placeholder { color:#EFEFEF; text-shadow:0 0 2px #ddd; display: none !important; }
.iframe { border: none; width: 270px; height: 50px; font-size: 11px; }
.modulo_contatti .errore { background-color: #ffd621 !important; color: #000 !important; }
.modulo_contatti .error {
-webkit-box-shadow: 0 0 10px 0 rgba(177,48,53,0.8);
box-shadow: 0 0 10px 0 rgba(177,48,53,0.8);
color: #B13035;
color: rgba(177,48,53,0.8);
}
.modulo_contatti .messaggio_campi { display: none; color: #ffd621; margin-bottom: 10px; }
.modulo_contatti .sendmessage { border: 1px solid #337C06; color: #337c06; background: #C3E8C6; padding: 10px; display: block; text-align: center; margin-top: 10px; }
.modulo_contatti .sendmessage.ko { border: 1px solid #7C0606; color: #7C0606; background: #E8C3C3; }
@media screen and (max-width: 960px) {
#sfondo-box-home{display: none}
#box-home {
position: absolute;
top: 72px;
padding-top: 36px;
background-color: rgba(255, 255, 255, 0.8);
padding-bottom: 29px;
padding-right: 20px;
}
#sfondo-box-showroom{display: none}
#box-showroom {
position: absolute;
top: 72px;
padding-top: 36px;
line-height: 19px;
background-color: rgba(255, 255, 255, 0.8);
padding-bottom: 26px;
}
#sfondo-box-contatti{display: none}
#box-contatti {
position: absolute;
top: 180px;
padding-top: 36px;
background-color: rgba(255, 255, 255, 0.8);
padding-bottom: 32px;
}
#sfondo-box-contatti2{display: none}
.modulo_contatti {
width: 290px;
font-size: 14px;
background-color: rgba(255, 255, 255, 0.8);
margin: -23px;
padding: 23px;
}
}
#cookieChoiceInfo { /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
background-color: #000 !important; /* Lo fondo è di colore nero (#000) */
font-size: 13px; /* i caratteri devono essere grandi 16 pixel */
color: #DDD; /* il colore dei caratteri è grigio chiaro (#DDD) */
padding: 10px; /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */
opacity: .8;
width: 99% !important;
line-height: 27px; /* questa proprietà modifica la trasparenza del banner/dialogbox */
}
#cookieChoiceInfo a{color:#FFF !important}
#cookieInfoLink {
color: #E00 !important; /* il testo del link che aprire la pagina della cookie policy è rosso (#E00) */
text-decoration: underline; /* questa proprietà indica che il testo del link è sottolineato */
}
#cookieInfoLink:hover { /* la parola hover, vicino al selettore, indica che le proprietà seguenti verranno applicate... */
/* ... al link che conduce alla cookie policy solo quando il mouse ci passa sopra */
color: #F44; /* il testo del link in questo caso diventa di un rosso più chiaro al passaggio del mouse... */
test-decoration:none; /* .... e allo stesso tempo il testo non sarà più sottolineato */
}
#cookieChoiceDismiss { /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
/* ...visivamente come un pulsante */
background-color: #B13035; /* lo sfondo è verde (#0A0) */
color: #FFF; /* Il colore del testo è bianco (#FFF) */
text-decoration: none; /* Il testo non è sottolineato */
font-weight: 600; /* Il testo è in grassetto */
font-size: 16px;
padding: 3px 10px; /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
border-radius: 3px; /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
}
#cookieChoiceDismiss:hover { /* Passando il mouse sopra il pulsante, questo cambia colore in verde chiaro. */
background-color: #EE9F26;
}