/* CSS*/
html, body {height: 100%;}
body {margin:0;}
p, h1, h2, h3, h4, h5, div, form {margin:0; padding:0;}

/* Generiche */

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #004471; background-color:#ffffff;  background-image:url(img/sfondo.jpg); background-repeat:repeat-x; margin:0; padding:0;}

.clear {clear: both; height: 1px; margin: 0; padding: 0;}
img {border:0;}

/* Principali */

div#contenitore {width:100%; position:relative;}

div#principale {width:970px; margin:5px auto 0 auto; padding:0; background-color:#ffffff; border:1px solid #004471;}

/* =================== HOME PAGE ===================== */

/* ----ALTO--- */

div#intestazione {width:80%; height:50px; margin:10px auto 0 20px; padding-left:160px; background-image:url(img/logo-sincert.gif); background-repeat:no-repeat; background-position:left top; }
div#indirizzo { float:left; width:83%; margin:20px 0 0 0; padding:0; font-size:11px;}
div#lingua { float:left; width:60px; margin:10px 0 0 0;}

div#foto-alto {width:100%; margin:0 auto 0 auto; padding:0; background-image:url(img/sf-alto.jpg); background-repeat:repeat-x;}
div#foto-alto-sx { float:left; width:610px; margin:0; padding:0;}
div#foto-alto-dx { float:right; width:350px; margin:0; padding:0;}

/* ----MENU--- */
div#menu {width:100%; margin:0 auto 0 auto; padding:0; background-image: url(img/sf-menu.jpg); background-repeat:repeat-x; height:50px; text-align:center;}
div#intmenu {width:80%; margin:0 auto 0 auto; padding-top:15px; text-align:left;}

ul#asc {margin:0; padding:0; list-style: none; color:#ffffff; }
ul#asc a {display:block; text-decoration:none; color:#ffffff;}
ul#asc a:hover {color:#ffd966; text-decoration:underline;}

ul#asc li {float:left; padding:5px 13px 0 13px; margin:0; font-size:12px; font-weight:bold; color:#ffffff;}

ul#asc li ul {display:none;}
ul#asc li:hover ul {display:block; position:absolute; z-index:1; width:170px; padding:6px 0 0 0; margin:0; }
ul#asc li ul li {list-style: none; border-left: 1px solid #22586e; border-right: 1px solid #22586e; border-bottom: 1px solid #22586e; width:170px; padding:5px 10px 5px 10px; margin:0; background-color:#99dbf6; color:#22586e;}
ul#asc li ul li a {color:#22586e; text-decoration:none; font-weight:normal;}
ul#asc li ul li a:hover {color:#22586e; text-decoration:underline; font-weight:normal;}


/* ----LATO SX--- */

div#centro {width:100%; margin:30px auto 20px auto; padding:0;}

div#centro-sx { float:left; width:67%; margin:0 auto 20px 15px; padding:0;}

div#box-present {margin:0; padding:0;}

div#tit-box-present { width:25%; height:22px; background-color:#fe7c1a; background-image:url(img/sf-titoli.jpg); background-repeat:no-repeat; background-position:left center; margin:0 auto 0 0; padding:0 0 0 20px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff;}

div#tx-box-present {margin:0 auto 0 auto; padding:7px 20px 10px 0; border-top:1px dotted #6b6b6b; border-bottom:1px dotted #6b6b6b;}
div#tx-box-present a{color:#004471; text-decoration: underline; font-weight:bold; font-style:italic;}
div#tx-box-present a:hover{color:#004471; text-decoration: underline; font-weight:bold;  font-style:italic;}
.tit-arancio{color:#fe7d1a;}


div#video { float:right; width:56%; margin:0 auto 0 20px; padding:0;}

div#tx-box-present img{float:left; padding:3px 15px 15px 0;}

div#box-novita {margin:30px 0 0 0; padding:0;}

div#centro-dx { float:right; width:27%; margin:0 auto 0 auto; padding:0;}

div.box{ margin:40px auto 0 auto;}

div#coda {width:100%; margin:10px auto 10px auto; padding:0; text-align: center;}


/* =================== dettaglio ===================== */

div#tit-box-dettaglio { width:50%; height:22px; background-color:#fe7c1a; background-image:url(img/sf-titoli.jpg); background-repeat:no-repeat; background-position:left center; margin:0 auto 0 0; padding:0 0 0 20px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff;}

div#tx-box-dettaglio {margin:0 auto 0 auto; padding:20px; border-top:1px dotted #6b6b6b; border-bottom:1px dotted #6b6b6b; background-color:#f3f9fe;}
div#tx-box-dettaglio a{color:#004471; text-decoration: underline; font-weight:bold; font-style:italic;}
div#tx-box-dettaglio a:hover{color:#004471; text-decoration: underline; font-weight:bold;  font-style:italic;}


div#prodotto{ width:98%; margin:0 auto 0 0;}
div#prodotto-sx{ float:left;}
div#prodotto-dx{ float: right;}



/*--contatti--*/
div#centro-sx-contatti { float:left; width:55%; margin:0 auto 20px 15px; padding:0;}

div#centro-dx-contatti { float:right; width:37%; margin:0 20px 0 auto; padding:0;}

div#contatti {width: 95%; margin:30px auto 0 auto; padding:0; color:#2d2d2d;}

div#contatti form {width: 93%; padding:15px; margin:5px;}

div#contatti fieldset {width: 100%; margin: 0; padding: 0; border: 0;}
div#contatti form b {color: #2d2d2d;}
div#contatti form p {margin: 0}
div#contatti fieldset div {width: 100%; padding: 3px 0 3px 0;}
div#contatti label {float: left; width: 180px; display: inline; margin-left: 10px; line-height: 23px}
div#contatti div.trattamento label {float: left; width: 275px; display: inline; margin-left: 10px; line-height: 23px}
div#contatti input#autorizzo {margin-left: 20px;}
input#invia{margin-left:150px;}

div#nyroModalFull {color: #777;}
div#nyroModalLoading {border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(img/ajaxLoader.gif) no-repeat center;}
div#nyroModalLoading.error {border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff;}
div#nyroModalWrapper {background: #fff; border: 4px solid #777;}
a#closeBut {position: absolute; display: block; top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(img/close.gif) no-repeat;	outline: 0;}
h1#nyroModalTitle {margin: 0; padding: 0; position: absolute; top: -20px; left: 5px; color: #fff; font-size: 100%;}
div.wrapper div#nyroModalContent {padding: 5px;}
div.wrapperImg div#nyroModalContent {position: relative; overflow: hidden; text-align: center;}
div.wrapperImg div#nyroModalContent h2 {font-size: 100%; color: #4AC010;}
div.wrapperImg img {vertical-align: baseline;}
div.wrapperImg div#nyroModalContent div {position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20);}
div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5; filter: alpha(opacity=50); cursor: help;}
a.nyroModalPrev, a.nyroModalNext {z-index: 105; outline: none; position: absolute; top: 0; height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height: 60%; width: 20%;}
a.nyroModalPrev {left: 0;}
a.nyroModalPrev:hover {background: url(img/prev.gif) left 20% no-repeat;}
a.nyroModalNext {right: 0;}
a.nyroModalNext:hover {background: url(img/next.gif) right 20% no-repeat;}