html, body, * {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
img{border: 0;}
body{
text-align: center;
/*centra in IE 5.x
*/
background-color: #90724E;
}
a, a:link, a:visited, a:hover, a:active {
color: #50361D;
text-decoration: underline;
}
.titolo, .titolobox{
font-size: 26px;
}
.testo, .testobox{
font-size: 16px;
}
.titolo{
color: #50361D;
padding: 15px 5px 5px 0px;
}
.testo, .testo p{
/*clear: both;*/
color: #50361D;
padding: 5px 10px 5px 0px;
}
/*A capo da pannello di controllo genera altri paragrafi*/
div#sinistra p{
padding: 5px 10px 0px 0px;
margin: 0px 0px 0px 0px;
}
.nav_bar, .nav_bar a:link, .nav_bar a:visited, .nav_bar a:hover, .nav_bar a:active{
color: #50361D;
text-decoration: none;
}
div#container{
text-align: left;
/*Ripristino allineamento a sx
*/
width: 800px;
margin: 0px auto 0px auto;
/*centra negli altri browsers
*/ }
div#banner,div#menu, div#contenuti {
background-image: url("images/sfondo.jpg");
background-repeat: repeat-y;
}
div#testata{
font-size: 0px;
line-height :0px;
height: 100px;
overflow: hidden;
}
div#menu{
/*padding-left: 70px;
height: 30px;*/
width: 800px;
text-align:center;
}
div#menu_area{
width: 666px;
margin: 0px auto 0px auto;
}
div#banner{
/*height: 280px;*/
width: 800px;
text-align:center;
}
div#banner div{
width: 673px;
height: 280px;
margin: 0px auto 0px auto;
}
div#separatore{
height: 62px;
background-image: url("images/separatore.jpg");
background-repeat: no-repeat;
}
div#contenuti{
float: left;
width: 680px;
padding: 10px 60px;
}
div#piede{
float: left;
width: 800px;
height: 92px;
background-image: url("images/piede.jpg");
background-repeat: no-repeat;
text-align: center;
}
div#piede p{
color: #CCC;
padding: 50px 0px 0px 0px;
text-align: center;
font-size: 12px;
}
div#piede a:link, div#piede a:visited, div#piede a:hover, div#piede a:active{
text-decoration: none;
color: #CCC;
}
/*
PULSANTE:
*/
div.pulsante, div.pulsante_sel {
width: 94px;
height: 26px;
background-image: url("images/pulsante_bg.gif");
background-repeat: repeat-x;
background-position: bottom left;
float: left;
position: relative;
background-color: #FFF;
font-size: 7px;
line-height :12px;
/*vertical-align:top;*/
}
div.pulsante_sel {
background-image: url("images/pulsante_bg_sel.gif");
}
div.pulsante img, div.pulsante_sel img{
float: left;
height: 7px;
border: 0;
}
div.link_pulsante{
float: left;
position: relative;
width: 94px;
height: 19px;
/*
margin: 0px 1px;
border-left: 1px solid #3c1818;
border-right: 1px solid #3c1818;
*/
background-image: url("images/pulsante_bg_border.gif");
background-repeat: repeat-y;
background-position: center center;
text-align: center;
}
a.pulsante:link, a.pulsante:visited, a.pulsante:hover, a.pulsante:active, a.pulsante_sel:link, a.pulsante_sel:visited, a.pulsante_sel:hover, a.pulsante_sel:active {
padding: 0px 4px;
text-decoration: none;
color: #3c1818;
font-size: 12px;
font-weight: bold;
font-family: Helvetica, sans-serif;
}
a.pulsante_sel:link, a.pulsante_sel:visited, a.pulsante_sel:hover, a.pulsante_sel:active {
color: #CCC;
}
/*
CONTENUTI destra e sinistra
*/
div#sinistra{
float: left;
width: 50%;
padding-top: 50px;
/*background-color: red;*/
text-align: right;
color: #50361D;
}
div#destra{
float: left;
width: 50%;
/*background-color: blue;*/
}
/*
BOX ARANCIO del pannelo di destra
*/
.titolobox{
float: left;
clear: both;
text-align: center;
color: #FFF;
padding: 0px 8px 0px 8px;
width: 326px;
height: 46px;
background-image: url("images/box_titolo_bg.gif");
background-position: center center;
background-repeat: no-repeat;
line-height: 45px;
}
.testobox{
float: left;
clear: both;
width: 290px;
color: #FFF;
padding: 5px 30px 0px 10px;
overflow: visible;
}
.box_dettagli{
float: right;
margin: 20px -30px 20px 0px;
}
.ombrabox{
float: left;
width: 351px;
background-image: url("images/box_ombra.gif");
background-position: top right;
background-repeat: repeat-y;
background-color: #736e5e;
}
.box{
float: left;
width: 345px;
background-color: #e47815;
background-position: bottom left;
/*_media _lunga _corta è possibile sceglierne la posizione verticale e di conseguenza il colore di sfondo (alto basso)*/
background-image: url("images/box_bg_media.gif");
background-color: #9A4B08;
background-position: top left;
background-repeat: repeat-x;
}
.limitebox{
float: left;
border: 0;
}
/*
############################################################
############ SEZIONE PULSANTI ELENCO ###########################
############################################################
*/
div.miniatura{
width: 100px;
float: left;
padding: 0px 35px 15px 35px; /*35 valore calcolato in base alla larghezza del contenutore*/
}
div.miniatura_img{
width: 100px;
height: 100px;
padding: 0px 0px;
background-image: url("images/prodotti/Tfarina_pistacchio_gr100.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #FFF;
font-size: 0px;
}
div.miniatura_txt{
width: 100px;
}
div.miniatura_txt p {
width: 100px;
}
/*
############################################################
############ SEZIONE LAVORA CON NOI ###########################
############################################################
*/
.box_form, .box_code{
border-top: 0px solid #666;
border-right: 0px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
padding: 5px 0px 2px 2px;
margin-left: 5px;
margin-right: 50px;
background-color: transparent;
width: 200px;
font-family: Helvetica, sans-serif;
color: #333;
font-size:14px;
}
.box_code{
padding: 12px 17px;
width: 66px;
vertical-align: middle;
font-size: 18px;
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase;
}
.img_code{
border: 1px solid #666;
margin: 0px;
padding: 0px;
vertical-align: middle;
}
.submit{
background-color: transparent;
border: 1px solid #50361D;
padding: 5px 25px 5px 25px;
margin-right: 50px;
color: #50361D;
font-size: 12px;
font-weight: bold;
cursor: pointer;
}
/*
############################################################
############ SEZIONE NEWS ###########################
############################################################
*/
.news_img{
float: right;
padding: 0px 5px 1px 5px;
}