/*   reset.css   * Resets default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td ,hr, button{  margin: 0;  padding: 0;  border: 0;  font-weight: inherit;  font-style: inherit;  font-size: 100%;  font-family: inherit;  vertical-align: baseline;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* typography.css  
-------------------------------------------------------------- */
html { font-size:100.01%; }
body { font-size: 12px; color: #999; background: #000; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #FFF; margin-bottom: 0.65em;  }
h1 { font-size: 2.3em; line-height: 1; font-family:Georgia, "Times New Roman", Times, serif; }
h2 { font-size: 1.8em;}
h3 { font-size: 1.5em; line-height: 1; }
h4 { font-size: 1.2em; line-height: 1.25; }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {  margin: 0;}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #666; }
a           { color: #CCC; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,.notice, .success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/* Personalizzazioni
-------------------------------------------------------------- */

.testo strong{color:#FFF;}
.testo .bordofoto{margin:0 15px 15px 0;}

html,body{ height:100%; background:#000 url(../img/bkg-header.jpg) repeat-x top;}
#container{ width:860px; margin:0 auto; overflow:hidden; position:relative; }
#header{ padding:95px 0 10px; width:100%; float:left; display:inline; margin-bottom:25px;}
#logo{ width:175px; height:133px; overflow:hidden; float:left; display:inline;}
#logo span {display:none;}
#header .testoHead{ width:400px; float:left; display:inline; margin: 8px 0 0 95px;}
#MainMenu{ float:right; display:inline; width:125px; overflow:hidden;}
#MainMenu ul,#MainMenu li{ list-style:none; float:left; display:inline; width:100%; margin:0; padding:0; }
#MainMenu li a{display:block; padding:3px 0 3px 15px; text-decoration:none; font-size:14px; background: url(../img/menu.jpg) no-repeat scroll 5px -11px; margin-left:15px;}
#MainMenu li.menu1li2 a{ background-position: 5px -40px;}
#MainMenu li.menu1li3 a{ background-position: 5px -69px;}
#MainMenu li.menu1li4 a{ background-position: 5px -101px;}
#MainMenu li.menu1li5 a{ background-position: 5px -131px;}
#MainMenu li.menu1li6 a{ background-position: 5px -162px;}

#MainMenu li.menu1li1 a.active{ background-position: -130px -11px;}
#MainMenu li.menu1li2 a.active{ background-position: -130px -40px;}
#MainMenu li.menu1li3 a.active{ background-position: -130px -69px;}
#MainMenu li.menu1li4 a.active{ background-position: -130px -101px;}
#MainMenu li.menu1li5 a.active{ background-position: -130px -131px;}
#MainMenu li.menu1li6 a.active{ background-position: -130px -162px;}

#MainMenu li a span{visibility:hidden;}
#MainMenu li a.active{ padding-left:0;}
#content{clear:both; padding-left:20px;}
#boxHome{ width:100%; overflow:hidden; padding:20px 0 10px 0;}
#boxHome a{ text-decoration:none;}
#boxHome h3{ margin-bottom: 0.40em;}
#boxHome .item{ width: 150px; float:left; display:inline; margin:0 39px;}
#boxHome .first{margin-left:0;}
#boxHome .last{margin-right:0;}
#boxHome .item h3{font-size:1.4em;}
#boxHome .item a{font-size:12px; display:block; width:100%; padding-bottom:80px; background: url(../img/multibox.jpg) no-repeat scroll 0 bottom;}
#boxHome #item4 a{ background-position: 0 bottom;}
#boxHome #item2 a{ background-position: -350px bottom;}
#boxHome #item3 a{ background-position: -700px bottom;}
#boxHome #item5 a{ background-position: -1050px bottom;}

#boxHome #item4 a:hover{ background-position: -150px bottom;}
#boxHome #item2 a:hover{ background-position: -500px bottom;}
#boxHome #item3 a:hover{ background-position: -850px bottom;}
#boxHome #item5 a:hover{ background-position: -1200px bottom;}

#footer{ background:url(../img/bk-line-lunga.jpg) repeat-x center top; float:left; clear:both; padding-top:10px; width:100%;margin-top:20px;}
#datiFooter{ font-size:10px; width:740px; float:left; display:inline; padding-top:5px;}

#menuFooter{float:right; display:inline; }
#menuFooter ul, #menuFooter li{list-style:none; float:left; display:inline; margin:0; padding:0;}
#menuFooter li a{ font-size:10px; display:block; padding:5px 0 0 10px; text-decoration:none; }
#menuFooter li a.active{ text-decoration:underline;}
.Sx{width:685px; overflow:hidden; }
.menuSpalla{ width:110px; overflow:hidden; float:right; background:url(../img/line-dx.jpg) repeat-y left; padding-bottom:5px; text-transform:uppercase;}
.menuSpalla ul, .menuSpalla li{list-style:none; float:left; display:inline; width:100%; margin:0; padding:0;}
.menuSpalla li a{display:block; padding:0 0 15px 15px; text-decoration:none; font-size:14px; }
.menuSpalla li a.active{text-decoration:underline; color:#666;}

.detail .foto{padding:8px; background:url(../img/bkg-foto-grande.jpg) no-repeat; margin-bottom:15px;}

.gallery{ width:100%; overflow:hidden; clear:both; margin-bottom:15px;}
.gallery .bigFoto{padding:8px; background:url(../img/bkg-foto-grande.jpg) no-repeat; overflow:hidden; position:relative; width:650px; height:290px; position:relative;}
.gallery .bigFoto img{position:absolute; top:8px; left:8px;}
.gallery .titoloImg{position:absolute; bottom:18px; right:8px; padding:3px 8px; display:block; background-color:#FFF; color:#000;}
.gallery .antFoto{ float:left; display:inline; border:1px solid #FFF; margin:3px 8px;}
.gallery .ajaxload{ position:absolute; top:50%; left:50%; width:16px; height:16px; margin-left:-8px; margin-top:-8px; background:url(../img/ajax-loader.gif) no-repeat; display:none; z-index:999}

#rituali{float:left; display:inline;}
#rituali .item{ padding-bottom:20px; margin:0 auto; margin-bottom:20px; background:url(../img/bk-line-lunga.jpg) no-repeat center bottom; float:left; display:inline; clear:both; width:810px; overflow:hidden; }
#rituali .last{background:none;}
#rituali .img{ float:left; display:inline; width:315px; height:140px; overflow:hidden; }
#rituali .img a{ float:left; display:inline; height:130px; width:290px; padding:5px 7px 5px 7px; padding-right:18px; background:url(../img/bk-foto-liste.jpg) no-repeat;  text-decoration:none; }
#rituali a:hover{ background-position: 0 -147px;}
#rituali h3 a{ color:#FFF;}
#rituali h3 a:hover{ text-decoration:none;color:#666;}

.corsi, .corsi .boxCategoria{ float:left; display:inline; width:100%; clear:both; margin-bottom:15px;}
.corsi .item{ float:left; display:inline; width:100%; clear:both; margin:5px 0;}
.corsi .item div{ height:20px; float:left; display:inline; margin-right:10px; padding-left:5px; background: transparent url(../img/bk-elenco-corsi.gif) no-repeat center left;}
.corsi .item span{ line-height:20px; display:block; padding-right:5px; background:transparent url(../img/bk-elenco-corsi.gif) no-repeat center right;}
.indietro a{height:20px; float:left; display:inline; margin-right:10px; padding-left:5px; background: transparent url(../img/bk-elenco-corsi.gif) no-repeat center left; display:block; text-decoration:none; }
.indietro a span{ line-height:20px; display:block; padding-right:5px; background:transparent url(../img/bk-elenco-corsi.gif) no-repeat center right; display:block; }
#col1, #col2{width:410px; float:left; overflow:hidden; }
#col2{ float:right;}


#formInfo form{ width:685px; overflow:hidden; margin-bottom:15px;}
form .hidden{ display:none;}
form label, form input, form textarea{ width:200px; float:left; display:inline; clear:both; padding:3px 0;}
form fieldset{width:240px; float:left;}
form fieldset.type1{width:200px;}
form fieldset.type2{clear:both; width:100%;}
form .txt_Note1{ clear:both; width:100%;}
br.aCapo{clear:both;}
form fieldset.type2 textarea{ width:100%;}
form #Acconsento{clear:none; width:auto;}
form #AcconsentoPost{clear:none; width:auto; margin-left:15px;}
form #Testo{ height:152px; }
form .txt_Note1{padding-top:10px; font-size:13px; background: url(../img/bk-line-lunga.jpg) repeat-x bottom; padding-bottom:5px;width:100%; clear:both; text-align:right;}
form button{background:#000; float:right; display:inline; margin-top:5px;}
form button div{padding-left:5px; background:transparent url(../img/bk-elenco-corsi.gif) no-repeat center left;}
form button span{display:block; padding-right:5px;background:transparent url(../img/bk-elenco-corsi.gif) no-repeat center right; color:#FFF; line-height:20px;}

#formCorsi form{ width:100%; overflow:hidden; margin-bottom:15px;}
#formCorsi label, #formCorsi input{width:180px; }
#formCorsi fieldset{width:210px;}
#formCorsi fieldset.type1{width:200px;}
#formCorsi fieldset.type2{clear:both; width:100%;}
#formCorsi #Acconsento{clear:both; width:auto; margin-left:0px;}
#formCorsi #AcconsentoPost{clear:none; width:auto; margin-left:0px;}
#formCorsi #Testo{height:100px;}

.documents{ width:100%; float:left; display:inline; margin:10px 0;}
.documents .doc a{ clear:both; float:left; display:inline; min-height:45px; height:auto !important; height:45px; padding-left:50px; background:url(../img/ico-pdf.jpg) no-repeat top left; text-decoration:none;}
.documents .doc a:hover{ background-image: url(../img/ico-pdf-over.jpg)}