/*******************************************************
TITLE: Fixed Three-Column Layout v1.0
DATE: 200801
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

/* << ----------------// General Styles //---------------->> */
body {
margin:10px;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
line-height:18px;
color:#000000;
}

/* << ----------------// Outer container that holds all the columns //---------------->> */
#idx_mainContainer {
margin:0 auto;
padding:0;
width:950px;
height: auto;
}

/* << ----------------// Header //---------------->> */
#idx_header {
margin:0;
padding:0px;
width:950px;
background-color: white;
}

/* << ----------------// Horizontal navigation //---------------->> */
#idx_navHorizontal {
margin:0;
padding:0;
width:950px;
height:37px;
line-height:37px;
background: url("imgs/banda_orizzontale.gif") no-repeat left top;
padding: 0px 0 0 0;
}

/* seiqui, cerca, lingue */
#idx_seiQui {
background: url("imgs/banda_orizz_orientamento.gif") no-repeat left top;
margin-top: 0px;
width:950px;
height: 27px;
border-left: 1px dotted gray;
border-right: 1px dotted gray;
}

#idx_cerca {
width: 214px;
float: left;
margin-top: 2px;
}

#idx_navigazione {
float: left;
}

#idx_lingue {
margin-top: 5px;
margin-right: 5px;
float: right;
}
#idx_utente {
margin-top: 5px;
margin-right: 5px;
float: right;
}

/* raggruppa le tre colonne */
#idx_columnsAll_nodx {
width: 950px;
float: left;
border-left: 1px dotted gray;
border-right: 1px dotted gray;
/* background: white url(imgs/g00.gif) repeat-y; */
background: white url(imgs/sfondo_sfumato100.gif) no-repeat;
}

#idx_columnsAll_nosx_nodx {
width: 950px;
float: left;
border-left: 1px dotted gray;
border-right: 1px dotted gray;
/* background: white url(imgs/000.gif) repeat-y; */
background: white url(imgs/sfondo_sfumato000.gif) no-repeat;
}

#idx_columnsAll {
width: 950px;
float: left;
border-left: 1px dotted gray;
border-right: 1px dotted gray;
/* background: white url(imgs/g0g.gif) repeat-y; */
background: white url(imgs/sfondo_sfumato101.gif) no-repeat;
}

#idx_columnsAll_nosx {
width: 950px;
float: left;
border-left: 1px dotted gray;
border-right: 1px dotted gray;
/* background: white url(imgs/00g.gif) repeat-y; */
background: white url(imgs/sfondo_sfumato001.gif) no-repeat;
}

/* << ----------------// Left column //---------------->> */
#idx_columnOne {
float:left;
margin:0 5px 10px 5px;
width:212px;
overflow: hidden;
}

/* << ----------------// Middle column //---------------->> */
#idx_columnTwo_nodx {
float:left;
margin:0 5px 10px 5px;
width:706px;
overflow: hidden;
}

/* << ----------------// Middle column se non c'e' la prima colonna //---------------->> */
#idx_columnTwo_nosx_nodx {
float:left;
margin:0 5px 10px 5px;
width:928px;
overflow: hidden;
}

/* << ----------------// Middle column con terza colonna //---------------->> */
#idx_columnTwo {
float:left;
margin:0 5px 10px 5px;
width:540px;
overflow: hidden;
}
/* << ----------------// Middle column se non c'e' la prima colonna con terza colonna //---------------->> */
#idx_columnTwo_nosx {
float:left;
margin:0 5px 10px 5px;
width:762px;
overflow: hidden;
}

/* << ----------------// Right column //---------------->> */
#idx_columnThree {
float:left;
margin:0 5px 10px 5px;
width:156px;
overflow: hidden;
}

/* << ----------------// Footer //---------------->> */
#idx_footer_nodx {
float: left;
margin:0 auto;
padding:0;
width:950px;
border-left: 1px dotted gray;
border-right: 1px dotted gray;
border-bottom: 1px dotted gray;
}

#idx_footer_nosx_nodx {
float: left;
margin:0 auto;
padding:0;
width:950px;
border-left: 1px dotted gray;
border-right: 1px dotted gray;
border-bottom: 1px dotted gray;
}

#idx_footer {
float: left;
margin:0 auto;
padding:0;
width:950px;
background: white;
border-left: 1px dotted gray;
border-right: 1px dotted gray;
border-bottom: 1px dotted gray;
font-size: 10px;
}

#idx_footer_nosx {
float: left;
margin:0 auto;
padding:0;
width:950px;
border-left: 1px dotted gray;
border-right: 1px dotted gray;
border-bottom: 1px dotted gray;
}

#idx_footer a:link, #idx_footer a:visited {
color:#999999;
text-decoration:none;
}

#idx_footer a:hover, #idx_footer a:active {
color:#ffffff;
text-decoration:underline;
}

#idx_footeresterno {
margin:0 auto;
padding:0;
width:950px;
}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */