/* +------------------------------------------------------------------------+ */
/* | 20150103 1338 mORA - www.roam.it                                       | */
/* +------------------------------------------------------------------------+ */

/* +-----+------------------------------------------------------------------+ */
/* | BGN | Corpo Pagina                                                     | */

/* -----( Corpo Pagina - Body )---------------------------------------------- */
body
{
	padding: 2em;
	border: 0;
	margin: 0;
	
	font-size: 90%;                                                             /* R 20110816 1716 per assecondare il CSS dei default delle varie piattaforme */
	
	background-color: #e6e6e6;
/*
	background-image: url(../imgn/back/body_back.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
*/

	z-index: 0;
}
/* -----( Corpo Pagina - Pagina )-------------------------------------------- */
#page
{
	padding: 0 1em 1em 1em;
	border: 0;
	border-radius: 10px; /* CSS3 */
	margin: 0 auto 0 auto;

	width: 80%;                                                                 /* R 20160523 1557 */
	min-width: 720px;

	background-color: white;

	z-index: 0;
}
/* -----( Corpo Pagina - Intestazione )-------------------------------------- */
#page_head
{
	padding: 0;
	border: 0;
	margin: 0;
	
	top: -30px;
	left: 0;
	width: 100%;
	height: 120px;

	position: relative;

	background-image: none;
	background-color: transparent ! important;

	z-index: 1;
}
/* -----( Corpo Pagina - Strumenti )----------------------------------------- */
#page_tool
{
	padding: 0;
	border: 0;
	margin: 0;

	top: -50px;
	left: 0;
	width: 100%;
	height: 35px;

	position: relative;

	background-image: url(../imgn/back/page_tool_back.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;

	z-index: 2;
}
/* -----( Corpo Pagina - Ricerca )------------------------------------------- */
#page_sear
{
	padding: 0;
	border: 0;
	margin: 0;

	top: 0;
	left: 0;
	width: 100%;
	height: 35px;

	position: relative;

	background-image: url(../imgn/back/page_sear_back.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;

	z-index: 1;
}
/* -----( Corpo Pagina - Percorso a molliche di pane )----------------------- */
#page_deep
{
	padding: 0;
	border: 0;
	margin: 0;

	top: -40px;
	left: 0;
	width: 100%;
	height: 35px;

	position: relative;

	background-image: url(../imgn/back/page_deep_back.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;

	z-index: 1;
}
/* -----( Corpo Pagina - Contenuto )----------------------------------------- */
#page_cont
{
	padding: 0;
	border: 0;
	margin: 0;

	top: 0;
	left: 0;
	clear: both;

	background-color: transparent;

	z-index: 1;
}

.clearfix:after                                                                 /* R 20101110 - Risolve il problema della div "page_cont" che non avendo contenuto risulta di altezza nulla e quindi senza sfondo per le due DIV contenute */
{
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
/* -----( Mappa )------------------------------------------------------------ */
#smap
{
	padding: 1em 1em 1em 1em;
	border: 0;
	border-radius: 10px; /* CSS3 */
	margin: 10px auto 0 auto;

	width: 80%;                                                                 /* R 20160523 1557 */
	min-width: 720px;

	background-color: #666666;

	z-index: 0;
}
/* -----( Mappe Client )----------------------------------------------------- */
#page_maps { display: none; }
/* -----( Corpo Pagina - Beta )---------------------------------------------- */
.beta
{
	border: 0;

	display: block;
	position: absolute;
	right: 0;
	top: 0;

	background-color: transparent;

	z-index: 100;
}
/* -----( Pagina - Una colonna )--------------------------------------------- */
.page_cont_0101
{
	padding: 0;
	border: 0;
	margin: 0;

	position: relative;
	left: 0;
	top: -40px ! important;
	width: 100%;
	min-width: 540px;

	background-color: transparent;
	z-index: 4;
}
/* -----( Pagina - Una colonna - Navigazione )------------------------------- */
.page_cont_0101_navi, .page_cont_0104_navi
{
	padding: 1em;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin: 0;

	position: absolute;

	left: -25px;
	top: 10px;
	width: 25%;
	min-width: 220px;

	background-color: rgba(76, 76, 76, 1);

	z-index: 5;
}
.page_cont_0101_navi:hover
{
	background-color: rgba(0, 0, 0, .8);
}
/* -----( Pagina - Una colonna - Navigazione )------------------------------- */
.page_cont_0102_navi
{
	padding: 1em;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin: 0;

	position: absolute;

	right: 10px;
	top: 10px;
	width: 40%;
	min-width: 200px;

	float: right;

	background-color: rgba(255, 255, 255, .7);

	z-index: 5;
}
/* -----( Pagina - Due colonne diverse )------------------------------------- */
#page_cont_one
{
	padding: 0;
	border: 0;
	margin: 0;

	position: relative;
	left: 0;
	top: 0;
	width: 33%;
	min-width: 235px;

	float: left;

	background-color: transparent;
}
#page_cont_two
{
	padding: 0;
	border: 0;
	margin: 0;

	position: relative;
	left: 0;
	top: 0;
	width: 67%;
	min-width: 480px;

	float:left;

	background-color: transparent;
}
/* -----( Pagina - Due colonne uguali )-------------------------------------- */
.page_cont_0102
{
	padding: 0;
	border: 0;
	margin: 0;

	position: relative;
	left: 0;
	top: 0;
	width: 50%;
	min-width: 180px;

	float: left;

	background-color: transparent;
}
.page_cont_0202
{
	padding: 0;
	border: 0;
	margin: 0;

	position: relative;
	left: 0;
	top: 0;
	width: 50%;
	min-width: 180px;

	float:left;

	background-color: transparent;
}
/* -----( Pagina - Tre colonne )--------------------------------------------- */
.page_cont_0103
{
	padding: 0;
	border: 0;
	margin: 0;

	position: relative;
	left: 0;
	top: 0;
	width: 33%;
	float: left;
	
	min-width: 180px;

	background-color: transparent;
}
.page_cont_0203
{
	padding: 0;
	border: 0;
	margin: 0;

	position: relative;
	left: 0;
	top: 0;
	width: 34%;
	float:left;

	min-width: 180px;

	background-color: transparent;
}
.page_cont_0303
{
	padding: 0;
	border: 0;
	margin: 0;

	position: relative;
	left: 0;
	top: 0;
	width: 33%;
	float:left;

	min-width: 180px;

	background-color: transparent;
}
/* -----( Pagina - Quattro colonne )----------------------------------------- */
.page_cont_0104
{
	padding: 0;
	border: 0;
	margin: 0;

	position: relative;
	left: 0;
	top: 0;
	width: 25%;
	float: left;
	
	min-width: 135px;

	background-color: transparent;
}
.page_cont_0204
{
	padding: 0;
	border: 0;
	margin: 0;

	position: relative;
	left: 0;
	top: 0;
	width: 25%;
	float:left;

	min-width: 135px;

	background-color: transparent;
}
.page_cont_0304
{
	padding: 0;
	border: 0;
	margin: 0;

	position: relative;
	left: 0;
	top: 0;
	width: 25%;
	float:left;

	min-width: 135px;

	background-color: transparent;
}
.page_cont_0404
{
	padding: 0;
	border: 0;
	margin: 0;

	position: relative;
	left: 0;
	top: 0;
	width: 25%;
	float:left;

	min-width: 135px;

	background-color: transparent;
}
/* -----( Pagina - Quattro colonne - Navigazione )--------------------------- */
.page_cont_0104_navi
{
	padding: .7em 1% .7em 1%;
	margin: 0 auto 0 auto;

	left: 1%;
	top: -10px;
	width: 97%;
	min-width: 100px;

	z-index: 5;
}
#smap .page_cont_0104,
#smap .page_cont_0204,
#smap .page_cont_0304,
#smap .page_cont_0404
{
	padding: 0 1% 0 0;
	width: 24%;
}
.page_cont_0104 .page_cont_0104_navi
{
	background-color: rgba(128, 0, 0, .6);
}
.page_cont_0204 .page_cont_0104_navi
{
	background-color: rgba(48, 96, 1, .6);
}
.page_cont_0304 .page_cont_0104_navi
{
	background-color: rgba(0, 64, 128, .6);
}
.page_cont_0404 .page_cont_0104_navi
{
	background-color: rgba(128, 64, 0, .6);
}
/* | END | Corpo Pagina                                                     | */
/* +-----+------------------------------------------------------------------+ */
