* { margin: 0; padding: 0; }

body, html {
   width: 100%; height: 100%;
}
body {
   background: url("../img/sfondo.gif") repeat center top;
   font: .7em/1.7em Arial, Helvetica, sans-serif;
   text-align: justify
}

#principale {
   width: 100%;
   min-height: 100%;
   height: auto !important;
   height: 100%;
   background: url("../img/sfondocontenuti.gif") repeat-y top center;
   position: relative; padding-bottom: 0px;
}

#footer { clear: both; text-align: center; width: 100%;   position: absolute; bottom: 0;  }
#footer div.recapiti { width: 680px; margin: 0 auto; background: #fff; padding-top: 0px; border-top: 1px solid #093754 }
.payoff {  width: 680px; margin: 0 auto; text-align: left; margin-bottom: 30px;}
/*
div#container{position: relative; height:100%}
body>div#container{height: auto; min-height: 100%}
div#content{padding: 0 1.5em 5em}
div#footer{position:absolute;bottom: 0;width: 100%}*/


#contenuti{
   width:700px; margin:0px auto;
   padding: 0px; padding-bottom: 30px;
   position: relative
}
#contenuti p { margin-bottom: 15px }
#contenuti ul { margin-left: 15px; margin-bottom: 15px}
.doppiacolonna { background: url("../img/linea.gif") repeat-y center top; }

#testata{
  width:100%; height:258px; margin:0 auto;
  background:url("../img/sfondoheader.gif") repeat-x top;
  position:relative;
}

#internot {
   width: 700px; margin: 0 auto; padding: 15px 0 0 0px;
   background:url("../img/sfondo_testata.jpg") no-repeat center top;
   position: relative;
}

h1{
   font-size:0.1em;
   width:180px; height:60px;
   color:#fff;
   position: relative; margin-bottom: 10px; text-align: center
}
h1 a { color: #fff; cursor: pointer }
h1 span{
  position:absolute; width:100%; height:100%;  top: 0; left:0;
  background:url("../img/logotsi.gif") no-repeat center;
}

img { border: 0px }

a { color: #093754 }

.clearAfter:after {
content: '-';
display: block;
height: 0;
line-height:0;
font-size:1px;
clear: both;
visibility: hidden;
}
.clearAfter {
display: inline-block;
}
/* \ */
.clearAfter {
display: block;
}

/* menu   */

#menu{
width: 700px; margin: 0 auto;
}

#menu ul {
background:url("../img/menusfondo.gif");
height:32px; /*width:700px;*/
list-style:none;
text-align:center;
/*padding-left:41px;*/
}
#menu ul li{
   display: inline;
   line-height: 32px;
   border-right: 1px solid #fff;
   padding: 0 10px;
   font-weight: bold;
   font-size: 1.1em
}
#menu ul li.ultimo { border: 0px }
#menu ul li a {
   color: #fff; text-decoration: none;
   padding: 0 5px
}
#menu ul li a:hover {
   color: #0a3a59; background: #d6e0e9
}

#menu_su {
   position: absolute; top: 0; right: 0;
   width: 160px
}
#menu_su li { float: left;}

#menu_su ul li {
   /*font-size:0.1em;*/
    height:13px;
   color:#FFFFFF;
   position: relative;  float: left;
   padding: 34px 8px 0 8px;
   list-style-type: none;
   font-weight: bold
}
#menu_su ul li.contatti { border-right: 1px solid  #0e4c73; }

#menu_su ul li a { color: #0a3a59; text-decoration: none }
#menu_su ul li.lang a { color: #e2001a; }
  /**/
/* animazione */



#animazione{
width:700px; height:139px;
margin:0 auto;
/*background: url("../img/fotocentrale.jpg")*/
}



/*  contenuti */


#cdx{
width:450px; height:100%;
float:right;
}
#cdx .interno { padding:10px; }
#csn{
width:250px; float: left
}
#csn .interno { padding:10px; }

#ccx {
  padding: 10px;
}


#csn ul li, #cdx ul li{
list-style:none
}


#cdx ul li.astitolo{
text-align:right
}

#cdx ul.lungo li{
display:inline;
margin-left:10px;
}

 /* titoli */
 h2 {
   background: url("../img/sfondo-titolo.gif") no-repeat left;
   line-height: 44px;
   height: 44px;
   color: #0e4c73; font-size: 1.1em;
   padding-left: 10px;
   margin-bottom: 10px

 }
 h2.dx { float: right; width: 139px}

 h3 {
   border-bottom: 1px solid #0e4c73;
   color: #0e4c73; font-size: 1.1em;
   padding-left: 10px;
   margin-bottom: 10px

 }
 
.rosso { color: #e2001a }
 
img.fl { float: left; margin: 5px 10px 5px 0; border: 1px solid #093754}
img.fr { float: right; margin: 5px 0px 5px 10px; border: 1px solid #093754}
img.noborder { border: 0px }

.partner { width: 133px; float: left; margin: 5px; height: 100px; text-align: center }

form.contatti { width: 452px;}
form.contatti label { display: block; margin: 3px 0; float: left }
form.contatti span { float: left; width: 250px}
form.contatti input, .contatti textarea { float: left; width: 200px; border: 1px solid #093754; }
form.contatti .submit { float: right; width: 202px; border: 2px solid #093754; border-left-color: #c50722; border-top-color:#c50722; background: #ebf4f9; font-size: .8em; color:  #093754 }

#map { width: 430px; height: 330px; float: right; margin-bottom: 15px}

.netbit { position: absolute; right: -12px; bottom: 10px }

.cont-r { float: right; width: 48%; margin-bottom: 15px; }
.cont-l { float: left; width: 48%; clear: both; margin-bottom: 15px; }


#cdx ul li { list-style-type: disc }

.gall img { margin: 0 5px }