html, body {margin: 0; padding: 0;}
body {font: 76% helvetica, tahoma, arial, sans-serif; text-align: center; color: #9FA7AA; margin-top: 50px;}
a {color: #9FA7AA; text-decoration: none;}
a:hover {color: #B20869; text-decoration: none;}
a img {border: none;}
h1 {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif; font-weight: normal; font-size: 2.6em; font-weight: normal;}
h2 {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif; font-weight: normal; font-size: 2.2em; font-weight: normal; margin-top: 0;}
.par {clear: both;}
.par img.left {margin: 0 10px 10px 0; float: left; overflow: hidden;}
.par img.right {margin: 0 0 10px 10px; float: right;}
.par img.center {margin: 0 auto 10px auto; text-align: center; display: block;}
/* TESTATA */
#header {position: relative;}
#header ul {margin: 0; padding:0 0 15px 0; list-style-type: none; font-size: 2.8em; font-weight: normal;}
#header li {display: inline; margin: 0 50px 0 0; font-weight: normal; float: left;}
#header li.cur, #header li.cur a {color: #B20869;}
#header a {color: #9FA7AA; text-decoration: none;}
#header a:hover {color: #B20869;}
/* STRUTTURA */
#container {text-align: left; width: 980px; margin: 0 auto;}
#incontainer {border-top: 1px solid #9FA7AA; border-bottom: 1px solid #9FA7AA; margin: 30px 0 30px 0;
padding: 20px 0 20px 0; overflow: hidden; clear: both;}
body.agenzia #incontainer {}
#content {float: right; width: 680px;}
body.portfolio #content {width: 680px;}
body.home #content {width: 980px;}
body.home #content img {margin: 0;}
#content h1 {margin: 0 0 10px 0;}
/* NAVIGAZIONE */
#navigation {float: left; width: 200px;}
body.portfolio #navigation {width: 200px;}
body.home #navigation {width: 0;}
.menu_list {width: 200px;}
#navigation ul {list-style-type: none; margin: 0; padding: 0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;}
#navigation li.nor {padding: 0; margin: 0; font-size: 2.6em; color: #9FA7AA;}
#navigation ul.portfolio li.nor {font-size: 1em;}
#navigation li.nor a {color: #9FA7AA; text-decoration: none; display: block;}
#navigation li.nor a:hover {color: #B20869;}
#navigation li.cur {padding: 0; margin: 0; font-size: 2.6em; color: #B20869;}
#navigation ul.portfolio li.cur {font-size: 1em;}
#navigation li.cur a {color: #B20869; text-decoration: none; display: block;}
#navigation li.cur a:hover {color: #B20869;}
#navigation ul.ls_cat li {font-size: 0.4em;}
#navigation ul.ls_cat li a {color: #9FA7AA;}
#navigation ul.ls_cat li.cur a {color: #B20869}
#navigation p.nav {margin: 0 0 10px 0;}
#extra {float: left; clear: left; width: 200px;}
body.portfolio #extra {width: 200px;}
#extra ul {margin: 0; padding: 0; list-style-type: none;}
#extra li {margin: 0 0 5px 0;}
#extra h2 {padding: 0; margin: 0; font-size: 2.6em; color: #9FA7AA; font-weight: normal;}
body.portfolio h1.portfolio {border-bottom: 1px solid #CCCCCC;  padding: 0 0 10px 0; font-size: 1.1em; font-weight: normal;}
body.portfolio h1.portfolio span {color: #000000; font-size: 1.3em;}
body.portfolio p.produzione {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 10px 0 10px 0; margin: 10px 0 10px 0;}
body.portfolio p.produzione span {color: #000000; font-size: 1.1em;}
body.portfolio .par {text-align: justify;}
/* COLOPHON */
#footer {clear: both; width: 100%;}
#footerLeft {float: left; width: 50%; font-size: 2.8em;}
#footerLeft p.arearis {font-size: 0.6em; line-height: 1em; margin: 10px 0 0 0;}
#footerLeft a {background: url("../img/area_riservata_off.jpg") 0 0 no-repeat;}
#footerLeft a:hover {background: url("../img/area_riservata_on.jpg") 0 0 no-repeat;}
#footerRight {float: left; width: 50%; text-align: right; font-size: 0.9em;}
#footerRight a {color: #9FA7AA;}
#footerRight a:hover {color: #B20869;}
#boxAreaRiservata input:focus {outline: 0 none;}
#boxAreaRiservata input {outline: 0 none;}
#boxAreaRiservata td.submit input.button {color: #9FA7AA;}
#boxAreaRiservata td.submit input.button:hover {color: #B20869;}
/* WEBFORM CONTATTI */
#webf label {font-size: 2.3em; font-weight: normal; margin-right: 15px;}
#webf table {width: 100%;}
#webf tr {vertical-align: bottom;}
#webf td.informativa label {font-size: 1em;}
#webf textarea {
width: 655px;
padding: 10px;
border: 1px solid #CCCCCC;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
font-size: 1.6em; color: #666666;
font-family: Times New Roman; font-style: italic; font-weight: normal;
}
#webf input {font-family: Times New Roman; font-style: italic; font-weight: normal; font-size: 2.4em; color: #666666;}
#webf input.sfieldNome {padding: 40px 0 0 0; border: none; border-bottom: 1px solid #CCCCCC; width: 590px;}
#webf input.sfieldEmail {padding: 40px 0 0 0; border: none; border-bottom: 1px solid #CCCCCC; width: 598px;}
#webf td.button {text-align: right;}
#webf td.button input {font-family: helvetica, tahoma, arial, sans-serif; font-style: normal; color: #9FA7AA; background-color: #FFFFFF;  border: 1px solid #FFFFFF; font-size: 2.4em;}
#webf td.button input:hover {color: #B20869;}
#webf td.informativa a {color: #9FA7AA;}
#webf td.informativa a:hover {color: #B20869;}
#info_txt {font-size: 0.9em; display: block;}
#webf input:focus, #webf textarea:focus {outline: 0 none;}
#webf input, #webf textarea {outline: 0 none;}
#webf td.indicazioni input {color: #B20869; background-color: #FFFFFF; border: 1px solid #FFFFFF; font-size: 2em;}
#webf td.line hr {border: 0; margin: 10px 0; color: #CCCCCC; background-color: #CCCCCC; height: 1px; width: 100%;}
#webf p.istr {margin: 0;}
/* WEBFORM INDICAZIONI */
#webf_indicazioni table {width: 100%;}
#webf_indicazioni label {font-size: 2em; margin-right: 15px;}
#webf_indicazioni tr {vertical-align: bottom;}
#webf_indicazioni input {font-family: Times New Roman; font-style: italic; font-weight: normal; font-size: 2.4em; color: #666666;}
#webf_indicazioni input.sfield {padding: 0; width: 350px; border: none; border-bottom: 1px solid #CCCCCC;}
#webf_indicazioni td.button {text-align: right;}
#webf_indicazioni td.button input {font-family: helvetica, tahoma, arial, sans-serif; font-style: normal; color: #9FA7AA; background-color: #FFFFFF; border: 1px solid #FFFFFF; font-size: 2.4em;}
#webf_indicazioni td.button input:hover {color: #B20869;}
#webf_indicazioni input:focus {outline: 0 none;}
#webf_indicazioni input {outline: 0 none;}
/* LOGIN */
#footerLeft form {margin: 15px 0 0 0; padding: 0;}
#footerLeft table.login {font-size: 0.5em;}
#footerLeft td.label {padding-right: 10px;}
#footerLeft input.field {border: 1px solid #FFFFFF; border-bottom: 1px solid #CCCCCC;}
#footerLeft td.submit {text-align: right;}
#footerLeft input.button {color: #B20869; background-color: #FFFFFF; border: 1px solid #FFFFFF; font-size: 1.2em; text-align: right;}
#thumbs a:hover {border: 1px solid #B20869;}
#condividi {padding: 10px 0 10px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-top: 10px; overflow: hidden;}
#condividi img {vertical-align: middle; margin-left: 15px;}
#condividi a img {border: none;}
#condividi span {overflow: hidden; float: left;}
#condividi a.rollFacebook
{
overflow: hidden; float: left;
background-image: url("../img/facebook_bn.jpg");
width: 17px;
height: 17px;
margin-left: 5px;
}
#condividi a.rollFacebook:hover
{
overflow: hidden; float: left;
background-image: url("../img/facebook_col.jpg");
width: 17px;
height: 17px;
margin-left: 5px;
}
#condividi a.rollTwitter
{
overflow: hidden; float: left;
background-image: url("../img/twitter_bn.jpg");
width: 17px;
height: 17px;
margin-left: 5px;
}
#condividi a.rollTwitter:hover
{
overflow: hidden; float: left;
background-image: url("../img/twitter_col.jpg");
width: 17px;
height: 17px;
margin-left: 5px;
}
#condividi a.rollDelicious
{
overflow: hidden; float: left;
background-image: url("../img/delicious_bn.jpg");
width: 17px;
height: 17px;
margin-left: 5px;
}
#condividi a.rollDelicious:hover
{
overflow: hidden; float: left;
background-image: url("../img/delicious_col.jpg");
width: 17px;
height: 17px;
margin-left: 5px;
}
#condividi a.rollEmail
{
overflow: hidden; float: left;
background-image: url("../img/email_bn.jpg");
width: 17px;
height: 17px;
margin-left: 5px;
}
#condividi a.rollEmail:hover
{
overflow: hidden; float: left;
background-image: url("../img/email_col.jpg");
width: 17px;
height: 17px;
margin-left: 5px;
}
/* NEWS */
.news_lst {float: left; width: 225px; border-top: 1px solid #CCCCCC;}
.news_det {border-top: 1px solid #CCCCCC; color: #666666;}
/* variazioni colori per le news */
.add1, .add1 h2 a {color: #58585A;}
.add1 h2 a:hover {color: #B20869;}
.add2, .add2 h2 a  {color: #87888A;}
.add2 h2 a:hover {color: #B20869;}
.add3, .add3 h2 a  {color: #9DA9AC;}
.add3 h2 a:hover {color: #B20869;}
.add4  {clear: both; width: 100%; margin-top: 30px; color: #58585A;}
.add4 h2 a  {color: #58585A;}
.add4 h2 a:hover {color: #B20869;}
/* variazioni colori per le news della newsletter */
.i_s_l .add1 {clear: both; width: 100%; color: #58585A;}
.i_s_l .add2, .i_s_l .add2 h2 a  {color: #58585A;}
.i_s_l .add2 {margin-top: 30px;}
.i_s_l .add3, .i_s_l .add3 h2 a  {color: #87888A;}
.i_s_l .add3 {margin-top: 30px;}
.i_s_l .add4, .i_s_l .add4 h2 a  {color: #9DA9AC;}
.i_s_l .add4 {clear: none; width: 225px; margin-top: 30px; color: #9DA9AC;}
.news_lst p.dt, .i_n_l p.dt, .i_s_l p.dt {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin: 2px 0 0 0; padding: 5px 0 5px 5px; font-size: 1.1em;}
.news_lst .cat, .i_n_l .cat, .i_s_l .cat {clear: both; width: 100%; text-transform: uppercase; font-size: 0.9em; color: #999999; padding: 5px;}
.news_lst img.center {margin: auto 0 0 5px; display: block;}
.news_lst h2, .i_n_l h2 {margin: 0 0 10px 0; font-size: 1.6em; padding: 0 50px 0 5px;}
.news_lst .abstr_txt {padding: 5px 50px 0 5px; font-size: 0.9em; line-height: 1.7em; text-align: justify;}
.news_lst p.det {border-top: 1px solid #CCCCCC; text-transform: uppercase; background: #FFFAF0; padding: 2px 2px 2px 5px; font-size: 0.8em; margin-right: 50px;}
.news_lst p.det a:hover {color: #000000;}
p.back {clear: both; width: 100%; border-top: 1px solid #CCCCCC; text-transform: uppercase; background: #FFFAF0; padding: 2px 2px 2px 5px; font-size: 0.8em;}
p.back a:hover {color: #000000;}
.posinf {clear: both; width: 100%; padding-top: 20px;}
.posinf img {margin: 0 0 0 10px;}
.share_button {float: right;}
.news_detL {float: left; width: 475px; border-right: 1px solid #CCCCCC;}
.news_detL .abstr, .news_detL .det_txt {padding: 5px 15px 0 5px; font-size: 0.9em; line-height: 1.7em; text-align: justify;}
.news_detL h2 {font-size: 2.4em; margin: 0;}
.news_detR {float: left; width: 200px;}
.news_detR .par {padding-left: 15px;}
.news_detH {border-top: 1px solid #CCCCCC; margin-top: 2px;}
.news_detH img {font-size: 0;}
.news_detH p.dt {float: left; width: 470px; border-top: none;}
.news_detH .share_button {float: left; width: 200px; border-bottom: 1px solid #CCCCCC; padding: 0; margin-top: 3px;}
.news_detH .share_button img {margin: 0; font-size: 0;}
#extra #inextra .par .i_x_l ul.ls_cat {text-transform: lowercase;}
.i_c_l ul.cat_lst li.cur {color: #B20869;}
/* AddThis Vertical Hover Menu */
.addthis_toolbox .custom_hover {
position: relative;
}
.addthis_toolbox .custom_hover .custom_button {
font-weight: bold;
padding: 0;
color: #00bff3;
cursor: pointer;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;}
.addthis_toolbox .custom_hover .custom_button {
background-color: #eee;
}
.addthis_toolbox .custom_hover .custom_button.active {
background-color: #eee;
}
.addthis_toolbox .hover_menu  {
display: none;
position: absolute;
background: #fff;
}
.addthis_toolbox .custom_hover .tower {
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius-topleft: 0;
}
.addthis_toolbox .hover_menu  {
width: 136px;
padding: 1px;
border: 3px solid #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.addthis_toolbox .hover_menu a {
position: relative;
display: block;
width: 102px;
padding: 4px 0 4px 34px;
text-decoration: none;
color: #333333;
}
.addthis_toolbox .hover_menu a:hover {
background: #f5f5f5;
color: #B20869;
text-decoration: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.addthis_toolbox .hover_menu span {
position: absolute;
left: 14px;
top: 4px;
}
.addthis_toolbox .hover_menu .more {
border-top: solid 1px #eee;
padding: 10px 0 0 0;
margin: 10px 10px 0 10px;
text-align: center;
}
.addthis_toolbox .hover_menu .more a {
padding: 4px 0;
margin: 0;
}
.addthis_toolbox .hover_menu .more a:hover {
background: none;
}
.addthis_toolbox .hover_menu .more span {
display: none;
}
.custom_hover {margin: 0; padding: 0;}
/* by BB */