@charset "utf-8";
/* CSS Document */
/* 
beige d8d3a8
beige chiaro f5f4ea
rosso bf1e2e
*/

body{ background:url(../img_layout/bg_body.gif) top repeat-x #fff; text-align:center; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#000000;}
#header{ width:800px; height:220px; margin:auto; background:url(../img_layout/cane1.gif) bottom right no-repeat; text-align:left;}
#header img{ float:left; display:inline; margin-top:20px;}
#header ul{ padding:0; margin:0; float:left; display:inline; font-weight:bold; font-size:13px; margin-top:50px; margin-left:40px;}
#header ul li{ list-style:none; margin-top:5px;}
#header ul li a{ border-bottom:1px solid #fff; color:#000; text-decoration:none; display:block; width:auto; background: url(../img_layout/bullet_red.gif) left no-repeat; padding-left:14px;}
#header ul li a:hover{background: url(../img_layout/bullet_yellow.gif) left no-repeat;}

#menu{ margin:auto; width:800px; height:34px;}
#menu ul{ margin:0 0 0 26px; padding:0;}
#menu ul li{ margin:0 2px; padding:0; float:left; display:inline;}
#menu ul li a{ display:block; width:177px; height:34px;}
#menu ul li a span{ display:none;}
#tasto_prodotti a{ background:url(../img_layout/tasto_prodotti.gif) bottom;}
#tasto_dovesiamo a{ background:url(../img_layout/tasto_dovesiamo.gif) bottom;}
#tasto_contatti a{ background:url(../img_layout/tasto_contatti.gif) bottom;}
#tasto_homepage a, #tasto_homepage_act{ background:url(../img_layout/tasto_arkadia.gif) bottom;}
#tasto_prodotti a:hover, #tasto_prodotti_act { background:url(../img_layout/tasto_prodotti.gif) top;}
#tasto_dovesiamo a:hover, #tasto_dovesiamo_act{ background:url(../img_layout/tasto_dovesiamo.gif) top;}
#tasto_contatti a:hover, #tasto_contatti_act { background:url(../img_layout/tasto_contatti.gif) top;}


#mother_content{margin:auto; width:800px;}
#content{width:720px; margin-left:26px; text-align:left; margin-top:30px;}


#content_text, #content_text_hp, #content_offerte{font-size:12px; line-height:18px;}
#content_text h1, #content_text_hp h1{ font-size:18px; margin:0 0 15px 0; padding-left:10px; border-left:4px solid #d8d3a8;}
#content_text_hp{ background:url(../img_layout/img_home.jpg) bottom right no-repeat; float:left; width:100%; height:306px; margin-bottom:20px;}
#content_offerte{ width:100%; float:left;}
#content_offerte img{ vertical-align:middle;}
#content_offerte h1{ background:url(../img_layout/bg_h1_offerte.gif) repeat-x; color:#bf1e2e; margin:0 0 15px 0; padding:0;}
#img_h1_right{ float:right;}

.indirizzo{ width:500px; margin-left:100px; margin-bottom:30px; float:left;}
.indirizzo img{ float:right;}
.indirizzo div{ border-left:2px solid #ccc; padding-left:6px;}

#box_offerta_hp{ float:left; display:inline; width:200px;  margin:30px 0 0 0; border-bottom:1px solid #d8d3a8; padding-bottom:10px; }
#box_offerta_hp h1{ border-left:none; color:#bf1e2e; background:url(../img_layout/bg_offerte.gif) top left no-repeat; height:34px; padding-left:50px; padding-top:12px;}
#box_offerta_hp h2{ font-size:12px; font-weight:bold;}
#box_offerta_hp img{ border:1px solid #ccc; float:left; margin-right:5px;}
.puls_offerta{ width:76px; height:23px; display:inline; padding:0;}
.puls_offerta a{width:76px; height:23px; margin:5px 14px 0 0; padding:0; display:block; float:right; background:url(../img_layout/puls_vediofferta.gif) right no-repeat;}
.puls_offerta a span{ display:none;}

.box_offerta{ float:left; display:inline; width:200px; margin:-30px 0 20px 0; border-bottom:1px solid #d8d3a8; padding-bottom:10px; font-size:12px; line-height:18px;}
.box_offerta h1{ border-left:none !important; color:#bf1e2e; background:url(../img_layout/bg_offerte.gif) top left no-repeat; height:34px; padding-left:50px !important; padding-top:12px; }
.box_offerta h2{ font-size:12px; font-weight:bold;}
.box_offerta img{ border:1px solid #ccc; float:left; margin-right:5px;}
/* form contatti */

#form_contatti{ width:350px;  margin:20px 0 0 180px;  }
#form_contatti p{position:relative;}
.inputtype{width:120px; border:1px solid #d8d3a8; padding:1px; font-size:11px;  background-color:#f5f4ea; 
position:absolute; top:0; left:100px;}
.inputcifra{width:80px; border:1px solid #d8d3a8; padding:1px; font-size:11px;  background-color:#f5f4ea; text-align:center }

#compila{ float:left; }

#form_contatti p img{ display:block;}
.textarea{ width:200px; height:100px; position:absolute; left:100px; background-color:#f5f4ea; border:1px solid #d8d3a8;}
#invia{ float:left; position:relative; margin-top:100px; clear:both; }
#invia p{ margin:0 0 5px 0;}
#invia img{ margin:0 10px 0 0; vertical-align:middle; border:0;}
#invia a{ text-decoration:none; border:none;}
#invia a:hover{ text-decoration:none; border:none;}
A #pulsante_form{ width:65px; height:20px; margin-left:240px; background:url(../img_layout/pulsante_invia.gif) bottom no-repeat; border:none;text-decoration:none; display:block;}
A:hover #pulsante_form{ width:65px; height:20px; margin-left:240px; background:url(../img_layout/pulsante_invia.gif) top no-repeat; border:none; text-decoration:none;}

#prodotti{ float:left; display:inline; width:500px;  margin-bottom:20px; margin-right:20px;}
#prodotti h1{ font-size:13px; padding:0 0 0 0; color:#bf1e2e; border:none; margin:0; }
#prodotti h2{ padding:0; margin:0 0 5px 0; font-size:12px; font-weight:normal; padding-left:20px;}
#prodotti h1 a{background:url(../img_layout/bullet_red.gif) left no-repeat; padding-left:12px; color:#bf1e2e;}
#prodotti h1 a:hover{background:url(../img_layout/bullet_yellow.gif) left no-repeat; color:#bf1e2e; text-decoration:none;}

.prodotto_offerta{ float:left; width:550px; margin:10px 0 15px 70px;}
.prodotto_offerta h1{ font-size:13px !important; font-weight:bold; margin:0 !important; background:none !important;}
.prodotto_offerta img{ float:left; margin-right:12px;}

.prezzo, .prezzo_in_offerta{ display:block; font-weight:bold; margin-left:20px; color:#bf1e2e;}
/*.prezzo b{ }*/
.prezzo_in_offerta{text-decoration:line-through;}

.prodotto{ width:120px; height:120px; float:left; display:inline; text-align:center;}

#elenco_prodotti { display:block; margin-top:0; }
#elenco_prodotti li{ display:inline; margin-right:10px; font-weight:bold;}

/* FORM GESTIONE PRODOTTI*/

#nav_page{ width:400px; margin:auto; text-align:center; font-size:12px;}
#nav_page span{ padding:0 15px; border:1px solid #f5f4ea; color:#d8d3a8;}
#nav_page a{padding:0 20px; border:1px solid #d8d3a8; background:#f5f4ea; text-decoration:none; color:#000;}

.prodotto_offerta form{ font-family:Arial, Helvetica, sans-serif!important; width:400px; margin:10px auto 60px auto;}
.prodotto_offerta form h1{ font-size:18px!important; padding-bottom:20px!important;}
.prodotto_offerta form textarea{font-size:10px; width:100%;}
.prodotto_offerta form input{ font-size:10px;}
.riga_form{ border-bottom:1px dotted #d8d3a8; padding:7px 0;}
.riga_form span{ font-weight:bold; color:#bf1e2e;}
.riga_form #offerta{ display:inline; background:#d8d3a8; padding:4px; margin:0 0 0 40px;}
.riga_form #salva{ float:right; width:100px; padding:2px; color:#fff; background:#bf1e2e; border:1px solid #000; font-weight:bold; font-size:12px;}
.riga_form #annulla{ background:#CCCCCC; padding:2px; border:1px solid #666666; font-size:12px;}

.prodotto_elenco{ clear:both; margin:10px auto; width:400px; height:120px; border-bottom:1px dotted #000;}
.prodotto_elenco form{margin:10px auto!important;}
.prodotto_elenco a img{ border:1px solid #bf1e2e; background:#fff; padding:1px; float:left; margin:0 6px 0 0;}
.prodotto_elenco form #modifica{ width:100px; color:#fff; background:#bf1e2e; border:1px solid #000; font-weight:bold;}
.prodotto_elenco form #elimina{background:#CCCCCC; border:1px solid #666666;}


.lista_prodotti{ float:left; width:100%; margin:7px auto;}
.lista_prodotti img{ padding:1px; background-color:#FFFFFF; border:solid 1px #CA1E2E; float:left; margin-right:8px;}

.scopri_di_piu { color:#CA1E2E; float:right; font:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; }

/* end form contatti */
.clear{ clear:both;}

#footer{clear:both; margin:20px auto; border-top:1px solid #d8d3a8; padding-top:10px; font-size:12px; color:#999;}
#footer span{width:740px; margin:auto; text-align:left; display:block;} #footer span img{ vertical-align:middle;}

#paginazione{padding:4px 2px 2px 2px; color:#0c3357; font-family: sans-serif, Arial, Helvetica; font-size:11px; width:auto; text-align:center;}
#content_paginazione{width:200px; margin:0 auto; text-align:center; }
.paginazione_number{float:left; display:inline; color:#0c3357; width:70px; }
 /*{text-decoration:none; width:40px; float:left; display:inline;}*/
#content_paginazione span{text-decoration:none; color:#0c3357; width:40px;  text-align:center; float:left; display:inline; }
#paginazione a{display:block; text-decoration:none; color:#bf1e2e; text-align:center;}
#paginazione a:hover{text-decoration:none; color:#0c3357;}