/*--------------  STRUTTURA PORTALE: RIGHE/CELLE  --------------*/
/*
	ATTENZIONE: non dovrebbe essere necessario modificare questo css! 
	Se ci fosse ASSOLUTA necessita' di farlo, controllare che tutti i template vengano visualizzati correttamente (dal punto di vista delle dimensioni).
	Inoltre bisognera' controllare e modificare di conseguenza il file WebRoot/css/portalTemplatesBackend.css
*/

#f_otmain .row{
	float: left;
	width: 100%;
}
#f_otmain .row .cell{
	float: left;
	/*margin: 0.5%;*/
	overflow: hidden;
}

/*Template sezione a tutta larghezza editabile*/
#f_otmain .uniqueEditable, #f_otmain .topEditable, #f_otmain .bottomEditable{
	float: left;
	width: 100%;
	
	/*background-color: #8DC3E9;*/
}
#f_otmain .bottomEditable{
	clear: both;
}

/*Template due-colonne affiancate (colonna di destra o di sinistra a larghezza fissa)*/
#f_otmain .twoColumnsRight .mainColumnWrapper, #f_otmain .twoColumnsLeft .mainColumnWrapper{
	float: left;
	width:100%;
	margin-left: -476px;
}
#f_otmain .twoColumnsLeft .mainColumnWrapper{
	float: right;
}

#f_otmain .twoColumnsRight .leftEditable, #f_otmain .twoColumnsLeft .rightEditable{
	/*Necessario per non farlo collassare in altezza*/
	overflow: hidden;
	margin-left: 476px;
	padding: 0;
	
	/*background-color: #AEBC21;*/
}

#f_otmain .twoColumnsRight #f_otbriciole{
	/*Necessario per non farlo collassare in altezza*/
	overflow: hidden;
	margin-right: 255px;
	margin-left: 20px;
}
#f_otmain .twoColumnsLeft #f_otbriciole{
	/*Necessario per non farlo collassare in altezza*/
	overflow: hidden;
	margin-left: 255px;
	margin-right: 20px;
}

#f_otmain .twoColumnsRight .rightEditable, #f_otmain .twoColumnsLeft .leftEditable{
	float: right;
	width: 476px;
	/*font-size: 0.9em;*/
	
	/*background-color: #D9DB56;*/
}
#f_otmain .twoColumnsLeft .leftEditable{
	float: left;
}
/*Temporaneo per vedere i contenitori Top e Bottom*/
#f_otmain .topEditable{
	/*background-color: #9CCF31;*/
}
#f_otmain .bottomEditable{
	/*background-color: #4C88BE;*/
}

/*Dimensioni celle comuni a tutti i template*/
#f_otmain .row_1 .cell{ width: 100%; }
#f_otmain .row_2 .cell{ width: 50%; }
#f_otmain .row_3 .cell{ width: 33.333%; }
#f_otmain .row_4 .cell{ width: 25%; }

/* Classi specifiche per la validazione W3C */
img.JS_imgAlign_left{
	margin: 0 5px 2px 0;
}
img.JS_imgAlign_right{
	margin: 0 0 2px 5px;
}


/*Sovrascrittura stili per il backend*/
#otpagina #f_otwrapper #f_otmain .twoColumnsLeft .rightEditable{
	width: 476px;
}
#otpagina #f_otwrapper #f_otmain .twoColumnsLeft .rightEditable{background-color: #F0F0F0;}
#otpagina #f_otwrapper #f_otmain .twoColumnsLeft .leftEditable{background-color: #D1EEEE;}
#otpagina #f_otwrapper #f_otmain .twoColumnsLeft .rightEditable .row_1 .cell,
#otpagina #f_otwrapper #f_otmain .twoColumnsLeft .leftEditable .row_1 .cell{
	width: 466px;
}
#otpagina #f_otwrapper #f_otmain .twoColumnsLeft .rightEditable .row_2 .cell,
#otpagina #f_otwrapper #f_otmain .twoColumnsLeft .leftEditable .row_2 .cell{
	width: 228px;
}



/* Personalizzazione per la pagina Isotermal - Adiabatic */
#f_otmain .f_otIsotermalAdiabatic .twoColumnsRight .mainColumnWrapper, #f_otmain .f_otIsotermalAdiabatic .twoColumnsLeft .mainColumnWrapper{
	margin-left: -576px;
}
#f_otmain .f_otIsotermalAdiabatic .twoColumnsRight .leftEditable, #f_otmain .f_otIsotermalAdiabatic .twoColumnsLeft .rightEditable{
	margin-left: 576px;
}
#f_otmain .f_otIsotermalAdiabatic .twoColumnsRight .rightEditable, #f_otmain .f_otIsotermalAdiabatic .twoColumnsLeft .leftEditable{
	width: 576px;
}

#otpagina #f_otwrapper #f_otmain .f_otIsotermalAdiabatic .twoColumnsLeft .leftEditable .row_1 .cell{
	width: 566px;
}
#otpagina #f_otwrapper #f_otmain .f_otIsotermalAdiabatic .twoColumnsLeft .leftEditable .row_2 .cell{
	width: 278px;
}

/*Sovrascrittura stili per il backend
#otpagina #f_otwrapper #f_otmain .twoColumnsLeft .rightEditable{
	width: 476px;
}
#otpagina #f_otwrapper #f_otmain .twoColumnsLeft .rightEditable{background-color: #F0F0F0;}
#otpagina #f_otwrapper #f_otmain .twoColumnsLeft .leftEditable{background-color: #D1EEEE;}
#otpagina #f_otwrapper #f_otmain .twoColumnsLeft .rightEditable .row_1 .cell,
#otpagina #f_otwrapper #f_otmain .twoColumnsLeft .leftEditable .row_1 .cell{
	width: 466px;
}
#otpagina #f_otwrapper #f_otmain .twoColumnsLeft .rightEditable .row_2 .cell,
#otpagina #f_otwrapper #f_otmain .twoColumnsLeft .leftEditable .row_2 .cell{
	width: 228px;
}*/