/* Ceramiche Bellini CSS Document */

/* GLOBAL STYLES */

body {
background-color: #ffffff;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
color: #333333;
text-align: center;
padding: 0px;
margin: 0px;
}

img {
border: 0px;
}

h1 {
font-size: 25px;
}

h2 {
font-size: 20px;
}

h3 {
font-size: 17px;
padding: 2px;
}

p {
font-size: 16px;
}

a,
a:focus,
a:visited {
background-color: #ffffff;
color: #CC9900;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#container {
text-align: left;
width: 100%;
}

/* LOGO STYLES */

#logo_content {
width: 100%;
height: 170px;
padding: 0px;
margin: 0px;
border: 0px;
}

#logo_sx {
background-image:url(images/bg_logo.jpg);
background-repeat: repeat-x;
text-align: left;
width: 665px;
}

#logo_dx {
width: 100%;
background-image:url(images/bg_logo.jpg);
background-repeat: repeat-x;
text-align: right;
}

/* MENU STYLES */

#menu_content {
width: 189px;
vertical-align: top;
background-image: url(images/bg_menu.jpg);
background-repeat: repeat-y;
}

.menu_border {
width: 10px;
vertical-align: top;
background-image: url(images/bg_main.jpg);
background-repeat: repeat-y;
}

#menu {
width: 189px;
border: 0px;
}

/* MAIN WINDOW STYLES */

#main {
width: 100%;
vertical-align: top;
text-align: left;
border: 0px;
}

#main_title {
border: 0px;
height: 105px;
vertical-align: top;
background-image:url(images/bg_maintitle.jpg);
background-repeat: repeat-x;
}

#home_table,
#produzione_table,
#product_table,
#tradiz_table,
#contact_table,
#dove_table {
border: 0px;
width: 83%;
}

#home_table {
background-image:url(images/bg_main_home3.jpg);
background-position: 30% 0;
background-repeat: no-repeat;
text-align: right;
}

#contact_table {
background-image:url(images/bg_fabbrica.jpg);
background-position: top right;
background-repeat: no-repeat;
}

#product_table {
margin-left: auto;
margin-right: auto;
text-align: center;
}

/* FOOTER STYLES */

#footer_sx {
width: 189px;
vertical-align: bottom;
background-image: url(images/bg_menu.jpg);
background-repeat: repeat-y;
}

#footer_dx {
background-image: url(images/bg_main.jpg);
vertical-align: bottom;
background-position: left;
background-repeat: repeat-y;
}

#counter {
background-image: url(images/home_r22_c4.jpg);
text-align: center;
}

/* PARTICULAR STYLES */

/* mail & copyright pages */
#finestra_sx{
background-image: url(images/mail_r3_c1.jpg);
background-position: left;
background-repeat: repeat-y;
}
.finestra_titolo{
background-image: url(images/mail_r2_c3.jpg);
background-position: left;
background-repeat: repeat-x;
}
#mail{
}

/* catalog pages style */

.catalog {
text-align: center;
vertical-align: top;
}

.catalog_table {
width: 260px;
height: 290px;
border: 0px;
background-image: url(http://www.bastardworkshop.com/vecchi_siti/ceramiche_bellini/images/bg_catalog.jpg);
background-repeat: no-repeat;
}

/*
.catalog_border {
border-top:  1px solid #cc9900;
border-left: 1px solid #cc9900;
padding: 4px;
}
*/

.catalog_title {
font-size: 17px;
height: 37px;
text-decoration: underline;
padding: 10px;
text-align: left;
}

.catalog_img_table {
padding: 0px 0px 0px 8px;
text-align: left;
vertical-align: top;
height: 130px;
width: 140px;
}

.catalog_img {
border: 1px solid #666666;
}

.catalog_voci {
font-size: 14px; 
padding: 3px 0px 3px 2px;
width: 30%;
text-align: left;
}

.catalog_field {
font-size: 14px; 
padding: 3px 20px 3px 0px;
text-align: right;
width: 70%;
}

.catalog_descriz {
font-size: 14px; 
padding: 10px;
text-align: left;
vertical-align: top;
}

/*
.catalog_mail {
background-color: #FFFFCC;
border: 1px solid #cc9900;
padding: 1px;
}
*/

/* preview page style */

#preview_barra {
background-image: url(images/preview_r1_c1.jpg);
background-repeat: repeat-x;
height: 55px;
vertical-align: middle;
text-align: center;
}

#preview_title {
background-image: url(images/preview_r2_c7.jpg);
background-repeat: repeat-x;
height: 55px;
vertical-align: middle;
text-align: left;
width: 395px;
padding: 0px 0px 0px 10px;
}

#preview_descriz {
background-image: url(images/preview_r4_c6.jpg);
background-repeat: no-repeat;
background-position: right;
width: 280px;
height: 125px;
vertical-align: top;
}

#preview_voci {
background-image: url(images/preview_r4_c1.jpg);
background-repeat: no-repeat;
background-position: left;
width: 147px;
height: 125px;
vertical-align: top;
}

.preview_tab {
padding: 10px;
}
.voci {
padding: 2px;
text-align: left;
}