/* Foglio di stile per Tavar Spa */
* {
margin: 0;
padding: 0;
text-align: left;
font-family: Helvetica, Arial, Geneva, sans-serif;
}
/* @group tags */
body {
font-size: 76%;
color: #333;
background: #fef4e0 url(../img/testata-bg.jpg) repeat-x left top;
}
h1.header {
width: 188px;
height: 142px;
text-indent: -9000px;
background: transparent url(../img/logo-tavar.jpg) no-repeat left top;
float: right;
border: none;
margin: 0;
padding: 0;
}
h1 {
padding: 34px 0 3px 0;
font-size: 1.9em;
letter-spacing: -1px;
border-bottom: 1px dotted #333;
}
h2 {
margin: 15px 0 10px 0;
font-size: 1.7em;
font-weight: normal;
letter-spacing: -1px;
line-height: 22px;
}
#txt h2 {
margin-top: 20px;
}
h3 {
padding: 3px 0 10px 0;
font-size: 1.5em;
font-weight: normal;
}
h4 {
padding: 3px 0 10px 0;
font-size: 1.3em;
font-weight: normal;
}
p {
font-size: 1em;
color: #000;
line-height: 1.4em;
padding: 13px 0 10px 0;
}
a {
color: #555;
text-decoration: underline;
}
a:hover {
color: #000;
text-decoration: underline;
}
#content img {
border: none;
padding: 0 /*12px 6px 0*/;
}
acronym {
cursor: help;
border: none;
}
#content ul {
list-style: none;
padding: 15px 15px 0 15px;
}
#content ul li {
padding: 0 30px 0 0;
list-style: square;
list-style-position: inside;
}
#content ul.small {
padding: 5px 15px 0 15px;
}
#content ol {
padding: 0 15px 0 15px;
}
#content ol li {
padding: 0 30px 0 0;
/*list-style-position: inside;*/
}
#content ol li ol {
padding: 5px 0 10px 18px;
}
img {
border: none;
}
/* @group form contatti */
#content div {}
#webf {
margin: 0;
padding: 0;
width: 100%;
height: auto;}
div#webf p.istr {margin: 0; padding-top: 0;}
div#webf table {border: 1px solid violet;
width: 100%;
background: #000;
border: none;
margin: 0;
padding: 0;
background-color: transparent;
}
div#webf table tr {
background-color: transparent;
}
div#webf table td {
padding-left: 0;
font-size: 0.95em;
border: none;
vertical-align: top;
}
#webf label,
#webf sfield {
font-size: 1em;
}
#webf #nome,
#webf #azie,
#webf #loc,
#webf #tel,
#webf #email,
#webf #msg,
#webf #indi,
#webf #msg,
#password,
#username {
font-size: 1em;
border:1px solid;
border-top-color:#c0c0c0;
border-left-color:#c0c0c0;
border-right-color:#c0c0c0;
border-bottom-color:#c0c0c0;
}
#webf #msg {
margin-top: 2px;
margin-bottom: 5px;
}
div#webf #auth_si,
div#webf #auth_no {
margin-top: 10px;
margin-right: 5px;
}
#webf #auth_no {
margin-left: 15px;
}
div#webf td.informativa {
font-size: 0.9em;
}
div#webf td.button input {
margin-top: 10px;
padding-top: 0;
width: auto;
height: 1.7em;
background-color: #fff;
font-size: 1.1em;
vertical-align: middle;
padding-bottom: 2px;
}
select {
border: 1px solid;
border-top-color: #c0c0c0;
border-left-color: #c0c0c0;
border-right-color: #c0c0c0;
border-bottom-color: #c0c0c0;
}
/* @end */
/* @end */
/* @group home */
body.home #wrapper {
margin: 0 auto 0 auto;
padding: 0;
width: 798px;
height: 483px;
border-right: 1px dotted #666;
border-left: 1px dotted #666;
background: #fef4e0 url(../img/wrapper-bg.jpg) no-repeat left top;
}
body.home #content {
margin: 0;
padding-left: 0;
width: 565px;
height: 483px;
background: transparent;
float: left;
}
body.home h1.header {
width: 188px;
height: 142px;
text-indent: -9000px;
background: transparent url(../img/logo-tavar.jpg) no-repeat left top;
float: right;
}
body.home h1 {
width: 452px;
height: 50px;
text-indent: -9000px;
background: transparent url(../img/h2-home.jpg) no-repeat left 34px;
border: none;
}
body.home #footer {
margin: 0 auto;
width: 798px;
height: 75px;
background: #fef4e0 url(../img/footer-bg.jpg) repeat-x left top;
clear: both;
}
body.home #colophon .right {
float: right;
}
/* @end */
/* @group layout */
#header {
width: 800px;
height: 142px;
margin: 0 auto 0 auto;
background: #3a342d url(../img/testata-bg.jpg) repeat-x left top;
}
/* @group breadcrumbs */
#breadcrumbs {
width: auto;
height: auto;
padding: 10px 0 0 23px;
background: transparent;
color: #fef4e0;
font-size: 0.93em;
}
#breadcrumbs span a {
color: #fff;
text-decoration: underline;
}
#breadcrumbs span a:hover {
color: #fef4e0;
text-decoration: underline;
}
/* @end */
#wrapper {
margin: 0 auto;
padding: 0;
width: 798px;
min-height: 450px;				/* IE non lo vede */
height: auto !important;		/* questa regola impedisce ai non-IE di usare la voce successiva come height */
height: 450px;					/* IE interpreta questo come fosse min-height */
border-right: 1px dotted #666;
border-left: 1px dotted #666;
background: #fef4e0;
}
#content {
margin: 0;
padding-left: 23px;
width: 565px;
min-height: 480px;				/* IE non lo vede */
height: auto !important;		/* questa regola impedisce ai non-IE di usare la voce successiva come height */
height: 480px;					/* IE interpreta questo come fosse min-height */
background: transparent url(../img/wrapper-bg.gif) no-repeat center bottom;
float: left;
}
/* @group footer */
#footer {
margin: 0 auto;
width: 798px;
height: 75px;
background: #fef4e0 url(../img/footer-bg.jpg) repeat-x left top;
clear: both;
}
#colophon {
margin: 0 auto auto;
width: 800px;
height: 75px;
background: transparent;
}
#colophon p {
font-size: 0.92em;
line-height: 1.4em;
color: #fef4e0;
padding: 8px 0 0 23px;
}
#colophon .left, #colophon .center {
float: left;
}
#colophon .right {
float: right;
padding: 0 23px 0 0;
text-align: right;
}
#colophon .right p {
margin: 0;
padding: 8px 0 0 0;
text-align: right;
}
#colophon .right img {
display: block;
width: 80px;
height: 15px;
padding: 2px 0 0 44px;
}
#colophon a {
color: #fef4e0;
text-decoration: underline;
}
#colophon a:hover {
color: #fff;
text-decoration: underline;
}
#colophon a img {
text-decoration: none;
border: none;
}
/* @end */
/* @end */
/* @group classi */
.space {
margin: 0;
padding: 0;
}
#txt {
margin: 0;
padding: 0;
}
.hide {
display: none;
}
.par {
font-size: 1em;
color: #000;
line-height: 1.4em;
padding-top: 13px;
}
.par p {
font-size: 1em;
color: #000;
line-height: 1.4em;
padding: 13px 0 10px 0;
}
.par img.left {
margin: 0 10px 10px 0;
float: left;
display: block;
}
.par img.right {
padding: 0 0 10px 10px;
float: right;
display: block;
}
#content .par img.center {
display: block;
text-align: center;
margin: 8px auto;
padding: 0;
float: none;
}
.emptypar {
clear: both;
height: 10px;
width: 100%;
}
div.wood {
width: 110px;
height: 75px;
display: block;
text-align: left;
float: left;
}
div.wood img {
display: block;
margin-bottom: 4px;
border: none;
}
.scheda {
border: 1px solid #888;
padding: 15px;
width: 95%;
background-image: url(../img/bg-scheda-alpha.png);
}
.scheda {behavior: url(../include/iepngfix.htc)}
/* @end */
div.c_w_l table {border-collapse: collapse; margin-bottom: 20px;}
div.c_w_l td {border: 1px dotted #333; padding: 10px;}
div.c_w_l td.button {text-align: center;}
/* NUOVE NEWS IN HOME */
/* box news */
body.home #news {
color: #FFFFFF;
margin: 18px 0 0 12px;
width: 537px;
float: left;
font-size: 0.92em;
padding: 10px;
line-height: 15px;
background: transparent url(../img/bg_trasp.png) repeat;
}
html>body.home #news {
margin: 18px 0 0 23px;
width: 537px;
color: #FFFFFF;
}
body.home #news h2 {
margin: 0 0 5px 0;
padding: 5px;
font-size: 1.3em;
font-weight: normal;
font-style: normal;
line-height: 15px;
border: none;
color: #FDE7D2;
background-color: #3B342E;
font-variant: small-caps;
font-family: Arial;
}
body.home p.data {
font-size: 0.85em;
padding: 0 0 0 10px;
}
body.home #news p {
padding: 0;
line-height: 15px;
color: #FFFFFF;
}
body.home #news p.link {
text-align: right;
padding: 0 10px 8px 0;
}
body.home #news a {
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}
body.home #news a:hover {
text-decoration: underline;
color: #3B342E;
font-weight: bold;
}
body.home #news img.center {margin: 0 auto; text-align: center; display: block;}
/* fine box news */
.n_n_h_1 {float: left; width: 33%;}
.n_n_h_2 {float: left; width: 33%;}
.n_n_h_3 {float: left; width: 33%;}
.news_content {padding: 10px;}
.n_n_l h1 {margin-bottom: 20px; padding-bottom: 10px;}
/* fine */