@charset "UTF-8";
/* CSS Document */
* {
	padding:0px; margin:0px;	
}

body{
	background-color:#1f244a;
}
/* 
***************************************** MAIN DIV CONTAINER *****************************************
*/
#main_div{
	background-color:#1a234a;	/*#1a234a;*/
	width:1000px;	height:700px;
	margin:10px auto;	
	border-left:solid 2px #47536d;	border-right:solid 2px #47536d; border-top:solid 2px #47536d;
}

/*
******************************************************************************************* HEADER Div
*/
#header_div{
	width:1000px; 	height:100px;
	
}
#header-SX_div{
	width:298px;	height:100%;
	border-bottom:solid 2px #47536d;
	text-align:center;
	float:left;
	
/*	border:solid 1px green;*/
}
#header-SX_div img{
	padding-top:30px;
}
#header-DX_div{
	width:700px;	height:100%;
	float:left;
	border-left:solid 2px #47536d; 	border-bottom:solid 2px #47536d;
	
/*	border:solid 1px red;*/
}
#menu_btns-tbl{
	width: 375px; 	height:50px;
	margin-left:275px;

/*	border:solid 1px red;*/
}

#flag-tbl{
	width: 22px;	height:17px;
	margin-left:665px;	margin-top:-20px;
}
/*

******************************************************************************************* CENTER Div
*/
#center_div{
	clear:both;
	width:1000px;	height:550px;
	position:relative;
}

/************** Box: Title MENU (SX) */
#title-div{
	width:298px;	height:98px;
	border-bottom:solid 2px #47536d;	border-right:solid 2px #47536d;
	float:left;
}
#title-div p{
	font-family:Arial, Helvetica, sans-serif;	font-size:20px;		color:white;
	text-align:center;	margin-top:30px;
	/*padding-left:50px;	padding-top:20px; */
}

/******************************************************** MENU */
/* Box: MENU (DX) */
#menu-div{
	width:700px;	height:98px;
	border-bottom:solid 2px #47536d;
	float:left;
	position:relative;
}
/* General Settings for main <ul> container */
#menu {
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 40px;
	
/*border:solid  #0F0 2px;				 lite green */
}

#menu a{
	font-size:18px;		color:#607195;		text-decoration: none;
	margin-right:20px;
   	padding: 3px 11px 10px;
	display: block;
	
}
#menu a:hover{
	color:#a3a7b6;
}
#menu a:link {
	color:#607195;
}
/* List items (i.e. ALL main voices and sub voices of Main menu) 
NOTE: adapted by all links (i.e. any level)*/
#menu li {
	list-style: none;
	list-style-position:outside;
   	float: left; 
	
/*background-color:#F9F;				 pink */
}

/*************** MENU: 2nd level <ul> ***************
DESC: Link of list items (i.e. sub voices of Main menu) 
NOTE: general settings for any state of link.
*/
#menu li ul li a {
	font-size:14px;   	/*color: #656565;*/
   	text-decoration: none; 
	padding: 2px 10px;
   	display: block; 
}
/* Link of list items (i.e. sub voices of Main menu) 
NOTE: settings for link state 'hover'.
*/
#menu li ul li a:hover {
   	color:#a3a7b6; 
}

/* Settings of group of links (i.e. part of 2nd level <ul>) 
NOTE: these are the link items under main menu
DESC: set the link items of main menu to NOT visible.
*/
#menu li ul {
   	display: none;/* */  
}
#menu li ul #lav_arc_sub{
	width: 700px;
	position: absolute;
   	display: inline;
   	left: 40px;
}
/* End 2nd level <ul> */

/* Settings of group of links (i.e. part of 2nd level <ul>) 
NOTE: link items (i.e. part of 1st level <ul>)
State: 'hover' of main menu links (i.e. part of 1st level <ul>)
DESC: set the link items of main menu to VISIBLE, 
	when mouse over MAIN menu voices.
*/
#menu li:hover #lav_arc_sub { /*sub-menu of 'Architettura' */
   	width: 700px;
	position: absolute;
   	display: inline;
   	left: 40px;
/*background-color:#6F0	Lite green*/
}

#menu li:hover #lav_dett_sub { /*sub-menu of 'Architettura nel Dettaglio' */
   	width: 700px;
	position: absolute;
   	display: inline;
   	left: 40px;
/*background-color:#6F0	Lite green*/
}

#menu li:hover #lav_des_sub { /*sub-menu of 'Design' */
   	width: 600px;
	position: absolute;
   	display: inline;
   	left:40px;
/*background-color:#6F0	Lite green*/
}

#menu li:hover #lav_imp_sub { /*sub-menu of 'Impiantistica' */
   	width: 700px;
	position: absolute;
   	display: inline;
   	left:40px;
/*background-color:#6F0	Lite green*/
}
/**************************************************** End MENU **/

/*********************************** DIV: Set of Thumbnail IMGs (Bottom-SX) */
#tnail_imgs-div{
	clear:both;
	width:298px; 	height:450px;	
	float:left;
	position:relative;
	border-right:solid 2px #47536d;/**/
}
/* Table: to visualize 6 thumbnail imgs  (Bottom SX) */
#tnail_imgs-div table{			/*#tnails_main-tbl{  NOTE: Each table now has its own id */
	width:180px; 	height:135px;
	margin:30px 38px;
	
	position:absolute;
	/*border: solid 1px white;*/
}
.tnails_main-tds{
	width:90px;		height:45px;
	/*border:solid 2px white; NOTE: will be added dynamically in creation via 'style' */	
}
#tnail_imgs-div table img{
	cursor:pointer;	
}

/*********************************** DIV: btns BACK & NEXT: scrolls table thumbnails holder */
#back_next-div{
	width: 204px;	height: 50px;	
	margin:230px 47px;
	position:absolute;
}

/*********************************** DIV: Big IMG & Description (Bottom-DX) ***********/
#desc_img-div{		/* Main DIV Container	*/
	width:700px;	height:450px;
	float:left;
}

/*********************************** Div: Image Description, City, Year */
#img_desc-div{
	clear:both;
	width:700px;	height:40px;
	text-align:left;
	
/*border:solid 1px green;*/
}
#desc-p{
	font-family:Arial, Helvetica, sans-serif; 	font-size:11px;		color:white;
	margin-left:5px;		margin-top:10px;
	float:left;
/*width:500px;	height: 20px;
border:solid 1px yellow; */
}

/*********************************** Div: MAIN Image */
#img_main-div{
	width:700px;	height:304px;
	text-align:center;
	
/*border:solid 1px yellow;*/
}
#img_main-div img{ 
	/*	border:solid 3px white; NOTE: now is created dynamically */
}

/*********************************** Div: Image Didascalia */
#img_didasc-div{
	width:450px;	height:96px;
	float:left;
	
/*border:solid 1px green;*/
}

/*#didasc-pre{
	
	font-family:Arial, Helvetica, sans-serif; 	font-size:12px;		color:white;
	margin-left:50px; margin-top:8px;
}*/

/*pre {		*/
#img_didasc-div pre{
	width:380px; 	height:96px;
	font-family:Arial, Helvetica, sans-serif; 	font-size:11px;		color:white;
	margin-left:50px; margin-top:8px; margin-right:10px;
	
	white-space: pre;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	/*_white-space: pre;			 /* IE only hack to re-specify in addition to word-wrap */
}
/*********************************** Div: Sub-imgs thumbnails (12 bottom DX) */
#imgs_sub-div{
	width:210px;	height:96px;
	float:left;
	text-align:right;
	border-left:solid 1px white;/**/
}
/*Table: 12 sub images (Bottom-DX) */
#tnails_sub-tbl{
	max-width:208px;	max-height:87px;
	margin:4px 0 0;/**/
}
.tnails_sub-tds{
	max-width:25%;		max-height:25%;
	/*border:solid 1px white; NOTE: now is created dynamically */	
}
#tnails_sub-tbl img{
	cursor:pointer;
}
/*
******************************************************************************************* FOOTER Div
*/
#footer_div{
	width:1000px; height:50px;
	background-color:#47506d;
	text-align:center;	
}

#footer_p{
	font-family:Arial, Helvetica, sans-serif; 	font-size:10px; 	color:white;
	padding:15px;
}