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

/* << ----------------// General Styles //---------------->> */
body {
margin:10px;
padding:0;
/* line-height:18px; */
color:#000000;
}

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

/* << ----------------// Header //---------------->> */
#idx_header {
margin:0;
padding:0px;
width:990px;
color: transparent;
}

/* << ----------------// Horizontal navigation //---------------->> */

#idx_navHorizontal {
width:990px;
}

/* seiqui, cerca, lingue */
#idx_seiQuiExt_nodx, #idx_seiQuiExt_nosx_nodx, #idx_seiQuiExt, #idx_seiQuiExt_nosx {
margin-top: 0px;
width:990px;
background-repeat: no-repeat;
background-image: url(imgs/banda_orizz_orientamento.gif);
display:inline-table;
}
#idx_seiQuiExt_nodx {
}
#idx_seiQuiExt_nosx_nodx {
}
#idx_seiQuiExt {
}
#idx_seiQuiExt_nosx {
}

/* raggruppa le tre colonne */
#idx_seiQui {
width: 990px;
height: 3em;
background-image: url("imgs/bar_navigation.gif");
background-color: #2f6db0;
}

#idx_cerca_ext {
float: right;
margin-top: 2px;
}

#idx_cerca {
width: 20em; 
float: left;
margin-top: 2px;
margin-right: -17px
}

#idx_navigazione {
clear: left;
margin-right: 390px; /* va fatto lungo quanto serve, per lasciare spazio ai bottoni a destra (FONT, login, bandiere, cerca) */
}

#idx_lingue {
margin-top: 5px;
margin-right: 5px;
float: right;
}
#idx_utente {
margin-top: 5px;
margin-right: 8px;
float: right;
text-decoration: none;
font-size:0.9em;
}
#idx_fontsize {
margin-top: 5px;
margin-right: 8px;
float: right;
text-decoration: none;
}

/* Esterno alle tre colonne */
#idx_columnsExt_nodx, #idx_columnsExt_nosx_nodx, #idx_columnsExt, #idx_columnsExt_nosx {
width: 990px;
float: left;
background-repeat: repeat-y;
background-color: white;
padding-top: 5px;
padding-bottom: 5px;
}
#idx_columnsExt_nodx {
background-image: url(imgs/g00.gif);
}
#idx_columnsExt_nosx_nodx {
background-image: url(imgs/000.gif);
}
#idx_columnsExt {
background-image: url(imgs/g0g.gif);
}
#idx_columnsExt_nosx {
background-image: url(imgs/00g.gif);
}

/* raggruppa le tre colonne */
#idx_columnsAll_nodx, #idx_columnsAll_nosx_nodx, #idx_columnsAll, #idx_columnsAll_nosx {
width: 990px;
float: left;
/*background-position: 0px;*/
min-height: 400px;
background-repeat: no-repeat;
}
#idx_columnsAll_nodx {
background-image: url(imgs/sfondo_sfumato100.gif);
}
#idx_columnsAll_nosx_nodx {
background-image: url(imgs/sfondo_sfumato000.gif);
}
#idx_columnsAll {
background-image: url(imgs/sfondo_sfumato101.gif);
}
#idx_columnsAll_nosx {
background-image: url(imgs/sfondo_sfumato001.gif);
}

* html #idx_columnOne { display:inline; }
* html #idx_columnTwo_nodx { display:inline; }
* html #idx_columnTwo_nosx_nodx { display:inline; }
* html #idx_columnTwo { display:inline; }
* html #idx_columnTwo_nosx { display:inline; }
* html #idx_columnThree { display:inline; }
/* << ----------------// Left column //---------------->> */
/*
alto destra basso sinistra
standard sarebbe 220 550 180
pgm e' 240 390 360
*/
#idx_columnOne {
float:left;
margin:17px 0px 0px 0px;
width:265px;
overflow: hidden;
}

/* << ----------------// Middle column //---------------->> */
#idx_columnTwo_nodx, #idx_columnTwo_nosx_nodx, #idx_columnTwo, #idx_columnTwo_nosx {
float:left;
overflow: hidden;
margin: 0px 0px 0px 0px;
min-height: 1px;
}
#idx_columnTwo_nodx {
width:725px;
}
#idx_columnTwo_nosx_nodx {
width:990px;
}
#idx_columnTwo {
width:390px;
}
#idx_columnTwo_nosx {
width:655px;
margin:0px 0px 5px 0px;
}

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

/* << ----------------// i 4 Footer sotto alle tre colonne //---------------->> */
/*
	In caso di piede senza riflesso:
	togliere l'immagine riflessa da local/I_footeresterno.php;
	togliere border-bottom da #idx_footer
	aggiungere border-top da #idx_footer
*/
#idx_footerExt_nodx, #idx_footerExt_nosx_nodx, #idx_footerExt, #idx_footerExt_nosx {
width: 990px;
float: left;
background-repeat: repeat-y;
}
#idx_footerExt_nodx {
background-image: white url(imgs/g00.gif);
}
#idx_footerExt_nosx_nodx {
background-image: white url(imgs/000.gif);
}
#idx_footerExt {
background-image: white url(imgs/g0g.gif);
}
#idx_footerExt_nosx {
background-image: white url(imgs/00g.gif);
}

/* << ----------------// Footer //---------------->> */
#idx_footer {
float: left;
margin:0 auto;
padding:0;
width:990px;
font-size: 0.9em;
/*border-top: 1px solid gray;
background-color: #76c1e1;*/
background-image: url(imgs/sfumo_base.jpg);
}

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

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

/* << ----------------// il Footer esterno //---------------->> */
#idx_footeresterno {
margin:0 auto;
padding:0;
width:990px;
}

/* << ----------------// 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 */