@charset "UTF-8";
/* CSS Document */

body { font: 15px/1.4 Georgia, "Times New Roman", Times, serif; color: #FFF; background-color: #005138; padding: 0; margin: 0; }
a img { border: none; }

#sfondo { background-image: url(../immagini/sfondo.png); background-repeat: no-repeat; background-position: top 10%; }
#pagina { width: 850px; min-height: 460px; margin: 0 auto; padding: 100px 0 0 0; overflow: visible; }
#logo { display: block; width: 452px; height: 94px; background: url(../immagini/logo_miriam_ceramiche.gif) top center no-repeat; margin: 0 0 0 370px; }

#italiano { position: relative; top: 180px; left: 400px; display: block; width: 294px; height: 70px; background: url(../immagini/miriam_benvenuti.png) bottom center no-repeat; }
#english { position: relative; top: 165px; left: 160px; display: block; width: 251px; height: 70px; background: url(../immagini/miriam_welcome.png) bottom center no-repeat; }
#italiano:hover { background-position: top; }
#english:hover { background-position: top; }

#menu { background: url(../immagini/menu-bg.png) top center no-repeat; height: 45px; padding: 0; margin: 15px 0 0 0; font-size: 18px; }
#menu li { margin: 0; padding: 0; float: left; list-style: none; }
#menu li a { text-decoration: none; color: #b6cdc3; margin: 32px; line-height: 45px; }
#menu li a:hover { color: #FFED00; }
#menu .select { color: #FFED00; }

#contenuti { margin: 0; padding: 0; background: url(../immagini/contenuti_bg.png) repeat; font-style: italic; height: 490px; overflow: hidden; }
#contenutiorigini { margin: 0; padding: 0; background: url(../immagini/contenuti_bg.png) repeat; font-style: italic; height: auto; overflow: hidden; }
#contenutiorigini #immagine img { margin: 0 0 20px 0; }

#intro { text-align: center; font-size: 18px; line-height: 2.1; padding: 25px 0; width: 490px; }
#testo { text-align: justify; padding: 35px 10px 15px 40px; width: 460px; }
#contenuti .indirizzo { width: 350px; }
.indirizzo p { margin-bottom: 20px; }
#contenuti .prodotti { width: 230px; text-align: left; }
#contenuti .contatti { width: 250px; }

#immagine { width: 330px; height: 490px; margin: 0; padding: 0; float: right; }
#contenuti .dovesiamo { padding: 30px 60px 0 0; width: 330px; height: 450px; }
#contenuti .mappa { padding: 0; width: 500px; height: 450px; }

#contatti { width: 500px; margin: 0; padding: 40px 0 0 0; float: right; font-size: 11px; }
#contatti em { float: right; font-size: 11px; padding: 0 50px 0 0; }
form input, textarea { display: block; margin: 0 0 5px 0; }
form .radio { display: inline; margin: 0 0 3px 15px; }
form .button { margin: 20px 0; }
form .testo { width: 200px; }
form textarea { width: 250px; margin: 0 7px 5px 0; }
#richiesta { float: right; margin: 0 10px 0 0; }

#privacy-txt { padding: 10px 0; color: #ccdcd7; }

.pulsante { text-decoration: none; font-style: normal; text-transform: uppercase; display: block; padding: 5px 5px 5px 40px; background-color: #abc2b8; color: #1e5239; margin: 0 0 20px 0; width: 160px; }
.pulsante:hover { color: #002715; background-color: #cce1d7; }

#prodotti { width: 550px; height: 440px; margin: 0; padding: 50px 0 0 0; float: right;  }
#prodotti li { width: 160px; float: left; list-style: none; margin: 0 20px 15px 0; text-align: center; }
#prodotti li img { float: left; width: 170px; height: 120px; margin-bottom: -10px; }
#prodotti li a { text-decoration: none; color: #ccdcd7; text-transform: uppercase; }
#prodotti li a:hover { color: #FFF; }

#footer { width: 850px; margin: 10px auto; color: #ccdcd7; font-size: 11px; text-align: center; }

/* #contenuti, #intro, #testo, #immagine, #prodotti, #prodotti li { border: 1px solid #0F0; } */