/* reset ------------------------------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/* layout ------------------------------------ */
hr {
color: #f00;
height: 1px;
}
h2 {
margin: 0 0 0 0;
}

html {
   text-align: center !important;
}
body {
   background: #fff;
   color: #000;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
   font-size: 62.5% !important;  /* 16px × 62.5% = 10px */

   margin: 0 auto !important;
   position: relative !important;
   text-align: left;
    width: 760px;
   z-index: 10;
}
  
h1 { font-size: 2em;  }
h2 { font-size: 1.4em;  }
p, #colonna-2 ol li, #colonna-2 ul li, #colonna-2 table td, #colonna-2 table th{ 
    font-size: 1.2em; 
    line-height: 1.4em;
}
h1,h2,h3,h4,h5,h6{
   padding: 0 !important;
}
.testo { 
    font-size: 12px; 
    line-height: 14px;
}
a:link, a:visited {color:#B9663F;}
a:hover, a:focus, a:active {color: #333;}

#centrato {
   margin: 0 0 30px 0;
}
#intestazione {
   background: url(../pix/bg-intestazione.gif) 0 0 no-repeat;
   color: #FFF;
   height: 150px;
   padding: 0!important;
}

    #logo{
        width: 164px;
        height: 103px;
        margin: -5px 0 0 20px;
        float: left;
    }
    #logo a{

        width: 164px;
        height: 103px;
        text-decoration: none;
        display: block;
        
    }
 
#thebanner{
    margin: -5px 0 0 20px;
    float:left;
}


#menuservizio{
    float: right;
    width: 100px;
    margin: 40px -40px 0 0;
}    

#menuservizio li{
    margin: 5px 0;
}

#menuservizio li a{
    color: gray;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9em;
    border-left: 10px solid #fff;
    padding-left:5px;

} 

#menuservizio li a:hover, #menuservizio li a:focus, #menuservizio li a:active{
    border-left: 10px solid #e8e8e8;
} 
  
#mainmenu{ 
        clear: both;
        margin: 40px 0 0 200px;
        padding: 0;
        
        
}
#mainmenu li{
        float: left;
        margin: 0 2px;
        padding: 0;
}




#mainmenu li a:link, #mainmenu li a:visited {
        color: #000;
        float: left;
        font-size: 1em; /* 10px × 1em = 10px */
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        padding: 3px;
        border-top: 10px solid #fff;

}

#mainmenu li a:hover, #mainmenu li a:focus, #mainmenu li a:active {
    border-top: 10px solid #e8e8e8;
}


#corpo {
   width: 750px;
   background: transparent;
   border-left: 10px solid #e8e8e8;
   padding-left: 10px;
   min-height: 500px;
   float: left;
}
#corpo img{
    background: #fff;
    border: 1px solid #e8e8e8;
    padding: 3px !important;
}


#briciole{
    margin-left: 15px;
}



#colonna-1 {
   float:left;
   width:500px;
   color: #000;

}

#colonna-2 {
   float:left;
   width:250px;
   color: #000;
}

.interna #colonna-1 {
   float:left;
   margin-top:-10px;
    width:170px;
   color: #000;
   border-right: 1px solid #ccc;

}
    .interna #colonna-1 h2 a{
        color:#B9663F;
        font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size:1.3em;
        text-transform:uppercase;
        font-weight: normal;
    }
   .interna #colonna-1 img{
      border: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
      width: 170px !important;
   }
    
          #menufigli{ 
               
                margin: 0;
                padding: 0;
                
                
        }
          #menufigli li{
                margin: 10px 5px;
                padding: 10px 0 0 0;
                border-top: 1px solid #ccc;
        }
     #menufigli ul{
      margin: 0 0 0 20px;
      }
         #menufigli ul li{
      border: 0;
      margin: 3px;
      padding: 2px 0 0 0;
      }
        
        
        
          #menufigli li a:link,   #menufigli li a:visited {
                color: #000;
                font-size: 1.1em;
                font-weight: bold;
                text-decoration: none;
                text-transform: uppercase;
                padding: 3px;
                border-left: 10px solid #fff;
                display: block;

        }
   #menufigli ul li a:link,   #menufigli ul li a:visited {
                font-size: 0.9em;
                color: #333;

        }
        
          #menufigli li a:hover,   #menufigli li a:focus,   #menufigli li a:active {
                border-left: 10px solid #e8e8e8;
        }

.interna #colonna-2 {
   float:left;
   width:500px;
   color: #000;
   padding: 20px 10px;
}


#colonna-2 h2{
   padding: 15px 32px;
   font-size: 1.6em;
}
.interna #colonna-2 h2{
   padding: 15px 0 !important;
}

.interna #colonna-2 ul{
   
}
.interna #colonna-2 ul li{
   margin: 0 0 0 20px;
   font-size: 12px;
   display: list-item;
   list-style: circle;
   padding: 0;
}

#colonna-2 #trafiletto p{
    padding: 10px 32px;
    font-size: 1.1em;
}

#colonna-2 p{
   padding: 10px 0;
}

   
#pie-di-pagina {
   background: transparent url(../pix/piede.gif) bottom left no-repeat;
   color: #fff;
   clear: left;
   min-height: 67px;
   overflow: hidden;
    padding: 0 !important;
}


#pie-di-pagina p{
   font-size: 1em; /* 10px × 1em = 10px */
}
.address{
    color: #653a15;
    padding: 0 20px;
}

.address strong{
    font-size: 1.4em;
}

#intestazione, #colonna-1, #pie-di-pagina {
   padding-top:0.5em;
   padding-bottom:0.5em;
}

.credits{
    clear: both;
    width: 500px;
    margin: 0 0 0 200px;
    color: grey;
    font-size: 1em;
    text-align: left;
    border-left:10px solid #E8E8E8;
}

#menupiede{
     margin: 10px 0 50px 100px;
}

}
#menupiede li{
        float: left;
        margin: 0 3px;
        padding: 3px;
       
}




#menupiede li a:link, #menupiede li a:visited {
        color: #000;
        float: left;
        font-size: 1em; 
        text-decoration: none;
        text-transform: uppercase;
        padding: 3px;
        border-bottom: 10px solid #fff;

}

#menupiede li a:hover, #menupiede li a:focus, #menupiede li a:active {
    border-bottom: 10px solid #e8e8e8;
}

#menulingue{ 
    float: right;
    margin: -20px 20px 0 0;
    display: inline;
}
#menulingue li{
        float: left;
        margin: 0 0 0 5px;
        color: #653a15;
        display: inline;
}


#menulingue li a:link, #menulingue li a:visited {
        float: left;
        font-size: 1em;
        font-family: Tahoma,Verdana,Geneva;
        text-decoration: none;
}

#menulingue li a:hover, #menulingue li a:focus, #menulingue li a:active {
        text-decoration: underline;
}





div p {
   margin: 0;
   padding: 0.5em 1em;
}


.expand
       {
       text-decoration:         none;
       font-family:             Verdana, Helvetica, sans-serif;
       font-size:               13px;
       color:                   black;
       text-transform:          lowercase;
       }

.search_form
       {
       text-decoration:         none;
       font-family:             Verdana, Helvetica, sans-serif;
       font-size:               10px;
       width:                   130px;
       text-transform:          lowercase;
       border:                  1px solid black;
       background-color:        white;
}

.search_button
       {
       text-decoration:         none;
       font-size:               9px;
       color:                   black;
       font-family:             Verdana, Helvetica, sans-serif;
       border:                  1px solid black;
}


.orange
       {
       text-decoration:         none;
       font-family:             Verdana, Helvetica, sans-serif;
       font-size:               12px;
       color:                   #B9663F;
       text-transform:          lowercase;
       }
A:link.orange
       {
       text-decoration:         none;
       font-family:             Verdana, Helvetica, sans-serif;
       font-size:               12px;
       color:                   #B9663F;
       text-transform:          lowercase;
       }
A:hover.orange
       {
       text-decoration:         underline;
       font-family:             Verdana, Helvetica, sans-serif;
       font-size:               12px;
       color:                   #B9663F;
       text-transform:          lowercase;
       }

#comune
{
  width: 150px;
  font-size: 11px;
  float: left;
}
#alloggi
{
  width: 40px;
  font-size: 11px;
  float: left;
} 
#mensile
{
  width: 100px;
  font-size: 11px;
}

#image
{
  width: 20px;
  float: left;
}

.clearleft
{
  clear: left;
}
.catmytit{
   background: #e6e6e6;
   padding-bottom: 5px;
}
.catmytit a{
  color: #000 !important;
}

.giallo{
   background: #eaa929;
   color: #000;
}

.fotosincert{
   position: relative; 
   top: 60px; 
   margin: 50px 0 0 170px; 
   width: 200px;
}

.maiusc{
   font-size: 20px;
   color: #0000ff;
}

.colors strong{color: #ff6600;}
.blu{color: #0000ff;}
.catalog_box_36, .catalog_box_37, .catalog_box_35
      {
      border:                  2px solid orange;
       }

.note{
   height: 20px;
   line-height: 20px;
   text-align: center;
}

table img{
   border: 0 !important;
}

.titolowelcome
       {
       font-family:             Verdana, Geneva, Arial, Helvetica, sans-serif;
       font-size:               35px;
       color:                   darkred;
       }
.titolo
       {
       font-family:             Verdana, Geneva, Arial, Helvetica, sans-serif;
       font-size:               2.2em !important;
       color:                   #a2a2a2;
       text-transform:          uppercase;
   font-weight: normal;
       }
.sottotitolo
       {
       color:                   #a2a2a2;
       }

.path_1
       {
       text-decoration:         none;
       font-size:               10px;
       font-family:             Verdana, fixed, Geneva, Arial, Helvetica, sans-serif;
       color:                   #B9663F;
   padding: 0 !important;
       }
.path_1 a
       {
       text-decoration:         none;
       font-size:               10px;
       font-family:             Verdana, fixed, Geneva, Arial, Helvetica, sans-serif;
       color:                   #B9663F;
       }
.path_1 a:hover
       {
       text-decoration:         none;
       font-size:               10px;
       font-family:             Verdana, fixed, Geneva, Arial, Helvetica, sans-serif;
       color:                   #B9663F;
       }

.path_2
       {
       text-decoration:         none;
       font-size:               10px;
       color:                   #666699;
       font-family:             verdana, Helvetica, Arial;
       }


/* cataloghi rifatti */
.info{
  background: #B0633e;
  padding:8px 15px 4px 15px !important;
}
.info a{
  color: #fff;
}
.bloccosx, .bloccosx img{
   float: left;
}
.velina{
   float:right;
   line-height:1.2em;
   padding:0 0 0 10px !important;
   width:155px;
}
.scheda{
   border: 10px solid #e8e8e8;
   float: left;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

.schedahome{
   border-bottom: 1px dashed #e8e8e8;
   float: left;
   padding-bottom: 10px;
}
.bordiimg img{
   border: 10px solid #e8e8e8 !important;
   -moz-border-radius: 10px !important;
   -webkit-border-radius: 10px !important;
   margin: 3px !important;
   
}

#catalog_5{
   margin: 0 0 0 5px;
   border-right: 10px solid #eee;
   padding-right: 5px;
   padding-left: 5px;
}


.priscillacatalogbox .stanze h2{
   float: left;
   margin: 30px 15px;
}
.priscillacatalogbox .stanze h2 a{
   text-decoration: none;
   font-weight: normal;
}

.catalog_box_39{
  width: 150px;
}

.catalog_box_52{
  width: 245px;
  margin: 2px;
  float: left;
  padding: 0 !important;
}
.catalog_box_52 p{
  padding: 10px !important;
}
#catalog_53 .duecolonne div.right,
#catalog_53 .duecolonne div.left{
  width: 240px !important;
  margin: 2px !important;
}

/*
.catalog_box_52 .scheda{
  width: 220px;
  margin: 0 !important;
  padding: 0 !important;
}
*/

/* datatonic */
.monocolonna #corpo{
   float: none;
}

/* css datatonico di Anto */ 
.monocolonna #corpo #header-studentato {
    background-color: #fff;
    padding: 2em;
    border-bottom: 1px solid #777;
}
.monocolonna #corpo #header-studentato h1 {
    float: left;
    margin: 3em;
}
.monocolonna #corpo h2 {
    color: #cc0000;
    font-size: 1.8em;
    margin: 20px 0;
}
.monocolonna #corpo h3 {
    font-size: 1.5em;
     margin: 10px 0;
}


.monocolonna #corpo table.panelTable select {
    font-size: 1em;
    font-weight: bolder;
    background-color: #777;
    color: #fff;
    padding: 2px;
}

.monocolonna #corpo table.panelTable select > option:first-child {
    background-color: #cc0000;
}

.monocolonna #corpo table.panelTable a {
    font-size: 1em;
    font-weight: bolder;
    padding: 2px;
}

.monocolonna #corpo table.panelTable a label {
    cursor: pointer;
}

.monocolonna #corpo div.smartEditFieldLabel {
    font-size: 1.1em;
    font-weight: bolder;
}
.monocolonna #corpo div.smartEditFieldLabel span.smartEditFieldRequired {
    font-size: 1.8em;
    color: #cc0000;
}
.monocolonna #corpo div.smartEditFieldinsert input {
    font-size: 1.1em;
    margin-left: 24px;
}

.monocolonna #corpo #maincol {
    float: left;
    width: 900px;
    amargin-left: 12em;
}

.monocolonna #corpo #leftcol {
    float: left;
    width: 12em;
    min-height: 550px;
    aposition: fixed;
}
.monocolonna #corpo #leftcol ul {
    list-style-type: none;
    margin: 0;
    padding: 1em;
    font-size: 1.3em;
}
.monocolonna #corpo #leftcol ul li{
    margin-bottom: 0.5em;
}
.monocolonna #corpo #leftcol ul li a{
    padding: 0.5em;
    font-weight: bolder;
}
.monocolonna #corpo #leftcol ul li a:hover{
    color: #777;
}
.monocolonna #corpo #leftcol ul li span.ui-icon {
    float: left;
    vertical-align: middle;
}

.monocolonna #corpo #table-nav {
    padding: 1em;
}

.monocolonna #corpo #content {
    min-height: 550px;
    font-size: 1.1em;
}

.monocolonna #corpo table.data-table {
    border: 1px solid #777;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    margin: 4px;
    padding: 4px;
}

.monocolonna #corpo table.data-table .tableHeaderCell {
    font-size: 1.1em;
    background-color: #999;
    padding: 0.5em;
}
.monocolonna #corpo table.data-table td {
    font-size: 1.1em;
    padding: 0.5em;
    border-bottom: 1px solid #777;
}
.monocolonna #corpo table.data-table .tableHeaderCell {
    color: #fff;
    font-size: 1.4em;
    font-weight: bolder;
}
.monocolonna #corpo table.data-table .tableHeaderCell a {
    color: #fff;
    text-decoration: none;
    padding-left: 20px;
}
.monocolonna #corpo table.data-table .tableHeaderCell a:hover {
    color: #ffc000;
    background: url(../pix/triangolodellordine.png) left center no-repeat;
    padding-left: 20px;
}

.monocolonna #corpo table.data-table-detail td, .monocolonna #corpo table.data-table-detail th {
    padding: 0.5em;
}

.monocolonna #corpo div.ui-tabs table.rel-table {
    margin-top: 0.5em;
}
.monocolonna #corpo div.ui-tabs table.rel-table th{
    padding: 0.25em;
}
.monocolonna #corpo div.ui-tabs table.rel-table td{
    border-bottom: 1px solid #777;
    padding: 0.25em;
}

.monocolonna #corpo div.vfs-commands {
    margin: 1em;
    padding: 1em;
    border: 1px solid #333;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
.monocolonna #corpo div.vfs-commands span{
    color: #aaa;
    font-weight: bolder;
}

.monocolonna #corpo div.vfs-path {
    font-size: 1.4em;
    margin: 1em 0;
    text-decoration: underline;
}
.monocolonna #corpo ul.vfs-tree {
    list-style-type: none;
    width: 350px;
}
.monocolonna #corpo ul.vfs-tree li {
    margin: 4px;
    clear: both;
    border-bottom: 1px solid #333;
    font-size: 1.2em;
    font-weight: bolder;
}
.monocolonna #corpo ul.vfs-tree li a{
    text-decoration: none;
    padding: 4px;
    color: #777;
}
.monocolonna #corpo ul.vfs-tree li a:hover {
    color: #333;
}
.monocolonna #corpo ul.vfs-tree li a img {
    margin-right: 8px;
    border: none;
    vertical-align: middle;
}
.monocolonna #corpo ul.vfs-tree li span{
    text-decoration: none;
    color: #aaa;
    font-style: italic;
    padding: 4px;
    font-size: 0.9em;
    font-weight: normal;
}
.monocolonna #corpo ul.vfs-tree span form {
    position: relative;
    float: right;
}

.monocolonna #corpo #footer {
    width: 100%;
    height: 2em;
}

.monocolonna #corpo #footer p {
    margin: 0;
    padding: 30px 0 20px 0;
    font: normal 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #36abe2;
}
.monocolonna #corpo #footer p a {
    color: #36abe2;
}
.monocolonna #corpo #footer p a:hover {
}
.monocolonna #corpo #footer p.error {
    margin: 0;
    padding: 30px 0 20px 0;
    font-size: 1.4em;
    font-weight: bolder;
    color: #cc0000;
}

.monocolonna #corpo div.ui-tabs ul.ui-tabs-nav li a {
    cursor: pointer !important;
}
.monocolonna #corpo ul.ui-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 0.9em;
}
.monocolonna #corpo li.ui-nav-button {
    padding: 4px;
    text-align: center;
    float: left;
    margin-right: 0.25em;
}
.monocolonna #corpo li.ui-nav-button input {
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.monocolonna #corpo li.ui-nav-button select {
    border: none;
    background-color: transparent;
}

.monocolonna #corpo #domanda-darsena {
    width: 700px;
    padding: 1em;
}
.monocolonna #corpo #domanda-darsena h3 {
    background-color: #e8e8e8;
    padding: 0.2em;
}
.monocolonna #corpo #domanda-darsena label {
    font-weight: bolder;
}
.monocolonna #corpo #domanda-darsena input, #domanda-darsena select {
    border: none;
    border-bottom: 1px dotted #333;
    font-size: 1em;
    padding: 0.2em;
    color: #666;
}
.monocolonna #corpo #domanda-darsena input.form-button {
    font-size: 1.1em;
    font-weight: bolder;
    margin: 3em;
}

.monocolonna #corpo #domanda-darsena div#informativa {
    border: 1px solid;
    padding: 0.5em;
    margin: 1em;
}

.monocolonna #corpo #domanda-darsena div.form-row {
    padding: 0.5em;
}

.monocolonna #corpo div.error {
    border: 1px solid #cc0000;
    font-size: 1.5em;
    padding: 2em;
}
.monocolonna #corpo div.success {
    border: 1px solid #00cc00;
    font-size: 1.5em;
    padding: 2em;
}
.monocolonna #corpo div.firma {
    float: right;
    padding: 3em;
    margin: 3em;
    width: 18em;
    border-bottom: 1px dotted #444;
}
.monocolonna #corpo .print {
    display: none;
}


/* table costi */

#costi, .table{
   border: 1px solid #ccc;
}
#costi th, .table th{
   border: 1px solid #ccc;
   background: #e8e8e8;
   padding: 5px;
}
#costi td, .table td{
   border: 1px solid #ccc;
   padding: 5px 10px;
}

#crediti{
   font-size: 0.8em;
   text-align: right;
}

/* classi utili ------------------------------------ */

   
.bir{
    position: relative;
    z-index: 1;
   
}


.bir span{
	position: relative;
    z-index: -1;
}

.right{
	float: right;
}

.left{
	float: left;
}

.clear{
	clear: both;
    line-height: 0;
}

.none{
    display: none;
}

#skip, .salta {
	position: absolute;
	left: -99999px;
}

.simpleclear{clear: both;}
.nessuno{float: none;}
.nascondi{display: none;}

.nomargin{
    margin: 0 !important;
}



#colorbox{
	 left: 0 !important; 
}