/*BROWSER RESET CSS*/
@import url(browser_reset.css);

/*************************************
 +menu_navigation
 *************************************/

#menu_navigation
{
	height: 			60px;
	/* margin-top:			10px; */
	background:			url(../images/sfondo_menu_header.png) repeat-x;
}
#menu_navigation ul,#menu_navigation li
{
	list-style-type:	none;
	list-style-image:	none;
}
#menu_navigation ul
{
	width:				980px;
	margin-left:		auto;
	margin-right:		auto;
	padding: 			0 40px 0 40px;
}
#menu_navigation li
{
	font-weight:		bold;
	display:			inline;
	font-size:			12px;
}
#menu_navigation li a
{
	line-height:		60px;
	display:			inline-block;
	color: 				#ffffff;
	padding:			0 20px 0 20px;
	text-decoration: 	none;
}
#menu_navigation li a:link,
#menu_navigation li a:visited
{
}
#menu_navigation li a:hover,
#menu_navigation li a:active,
#menu_navigation li a.active
{
	text-decoration:	none;
	background:			url(../images/sfondo_menu_header_rollover.png) repeat-x;
}

/*************************************
 +wrap_header
 *************************************/

#wrap_header
{
	margin-left:		auto;
	margin-right:		auto;
	height: 			330px;
	width: 				100%;
	background: 		url(../images/sfondo_nuvole_header_new.jpg) no-repeat center -60px;
}

#header
{
	position:			relative;
	margin-left:		auto;
	margin-right:		auto;
	height: 			330px;
	width: 				980px;
	z-index:			1;
}

#logo_gi
{
	position:			absolute;
	top:				20px;
	left:				0px;
}

#banner_header
{
	position:			absolute;
}

#banner_header img
{
	width: 				468px;
	height:				60px;
}

#banner_header.lower
{
	top:				140px;
	left:				0px;
}

#banner_header.aligned
{
	top:				20px;
	left:				380px;
}

#preview_slider
{
	position:			absolute;
	top:				40px;
	left:				500px;
}
/* usano il vecchio slideshow
#slide_frame
{
	position:			absolute;
	top:				16px;
	left:				61px;
	width:				355px;
	height: 			227px;
}

#slide_show
{
	width:				355px;
	height: 			227px;
}
*/
#slide-show
{
	position:			absolute;
	top:				16px;
	left:				61px;
	width:				355px;
	height: 			227px;
}

#slide-show2 {
	position:			relative;
	width:				480px;
	height: 			260px;
}
#slide-images {
    position:			relative;
    display:			block;
    margin:				0px;
    padding:			0px;
    width:				400px;
    height:				300px;
    overflow:			hidden;
}

#slide-images2 {
    position:			absolute;
	top:				25px;
	left:				60px;
    display:			block;
    margin:				0px;
    padding:			0px;
    width:				400px;
    height:				220px;
    overflow:			hidden;
}

#slide-images li {
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;
}

#slide-images2 li {
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

#slide-images li img {
    display:block;
    background-color:#FFFFFF;
}

#slide-images2 li img {
    display:			block;
	padding:			5px;
	margin:				0px;
}

div.button_container {
	position:			absolute;
	display:			inline-block;
	top: 				285px;
}
div.demo
{
	left:				0px;
}
div.brochure
{
	left:				242px;
}
a.button
{
    position:			relative;
	font-size:			16px;
    display:			inline-block;
	height:				40px;
	line-height:		40px;
	text-align:			center;
	margin:				0 10px 0 0;
	padding:			0px 14px 0px 24px; /* 24 = 14 + 10 dello span */
	text-decoration:	none;
	font-weight:		bold;
	/*text-transform:	uppercase;*/
	color:				#FFF;
	cursor:				pointer;
	cursor:				hand;
	background:			transparent url("../images/pulsanti.png") top left no-repeat;
}

a.button span {
	position:			absolute;
	top:				0px;
	right:				-10px;
    width:				10px;
	height:				40px;
	background:			transparent url("../images/pulsanti.png") top right no-repeat;
}
a.button:link, a.button:visited
{
	background-position:top left;
}
a.button:hover, a.button:active
{
	background-position: bottom left;
	color:				#000;
	text-decoration:	none;
}
a.button:hover span, a.button:active span
{
	background-position:bottom right;
	text-decoration:	none;
}

/* nel caso mi servano altri bottoni + grossi mi basta modificare questi parametri non tutto
a.button.big {
	background-image: url("../images/pulsante_piccolo_rollover.png");
	min-width:100px;
	height:30px;
	font-size:15px;
	line-height:26px;
}
a.button.big span {
	background-image: url("../images/pulsante_piccolo_rollover.png");
	height:30px;
}
*/

/*************************************
 +wrap_extra_info
 *************************************/

#wrap_extra_info
{
	margin-top:			25px;
	margin-bottom:		60px;
	margin-left:		auto;
	margin-right:		auto;
	width: 				980px;
	height:				300px;
/*	background: 		url(../images/sfondo_nuvole_header.jpg) no-repeat center -71px;*/
}

div.box_extra
{
	float:				left;
}

div.large
{
	width:				480px;
	margin-right:		7px;
}

div.medium
{
	width:				355px;
	margin-right:		7px;
}

div.small
{
	width:				235px;
	margin-right:		7px;
}

div.mini
{
	width:				115px;
	margin-right:		7px;
}

a
{
	font-size:			12px;
	text-align:			center;
	margin:				0 0 0 0;
	font-weight:		bold;
	cursor: 			pointer;
	cursor: 			hand;
}

a:link, a:visited
{
}
a:hover, a:active
{
	text-decoration: 	underline;
}

div.inner_box
{
	float:				left;
	width:				230px;
	height:				120px;
	margin-right:		5px;
	margin-left:		5px;
	margin-top:			10px;
	margin-bottom:		0px;
}

.inner_box img
{
	display:			inline-block;
	float:				left;
	margin-bottom:		10px;
	margin-top:			5px;
}
.inner_box a
{
	text-align:			left;
	display:			inline-block;
	color:				#000000;
}
.inner_box a p
{
	font-weight:		normal;
}
.inner_box h2
{
	font-size:			12px;
	font-weight:		bold;
	width:				170px;
	display:			inline-block;
	margin-left:		10px;
	margin-bottom:		10px;
	margin-top:			8px;
	float:				left;
}
.box_extra.small .inner_box h2
{
	width:				220px;
	margin-left:		0px;
	text-align: 		center;
}
.inner_box p
{
	font-size:			11px;
	line-height:		16px;
	width:				220px;
	clear:				both;
}

#visualizza_tutti_portali
{
	width:				480px;
	text-align:			center;
}
#visualizza_tutti_portali a
{
	margin-left:		auto;
	margin-right:		auto;
}

div.inner_box_title
{
	margin-bottom:		50px;
}

.inner_box .inner_box_title_centered h2
{
	width:				480px;
	margin-bottom:		20px;
	text-align:			center;
}
/*
div.inner_box_medium
{
	float:				left;
	width:				355px;
	height:				300px;
	margin-right:		5px;
	margin-left:		5px;
	margin-top:			10px;
	margin-bottom:		0px;
	text-align:			center;
}

.box_extra.medium .inner_box_medium h2
{
	width:				355px;
	margin-left:		0px;
	text-align: 		center;
}

.inner_box_medium p
{
	font-size:			10px;
	clear:				both;
}
*/
.portali_partner
{
	float:				left;
	width:				480px;
	text-align:			center;
	margin-bottom:		15px;
	padding:			0 5px;
}

.portali_partner div
{
	width:				120px;
	height:				60px;
	display:			inline-block;
	padding:			3px;
	/* border: 			1px solid #ddd;*/
}
/*
div.inner_box.medium
{
	position:			relative;
	width:				355px;
	height:				300px;
}

div.inner_box.medium p
{
	width:				340px;
	position:			absolute;
	top:				200px;
	left:				10px;
}
*/
/*************************************
 +wrap_body
 *************************************/

#wrap_body_common
{
	position:			relative;
	margin-top:			-200px;
	margin-bottom:		40px;
	margin-left:		auto;
	margin-right:		auto;
	width: 				980px;
	background:			#FFF;
	padding:			20px;
	z-index:			2;
}
#wrap_body
{
	margin-top:			-60px;
	margin-bottom:		40px;
	margin-left:		auto;
	margin-right:		auto;
	width: 				980px;
	background:			#FFF;
	padding:			20px;
}

/*************************************
 +wrap_sidebar
 *************************************/

#wrap_sidebar
{
	margin-top:			5px;
	margin-bottom:		30px;
	margin-right:		20px;
	float:				left;
	width: 				230px;
}

#wrap_sidebar h2
{
	color: 				#1f6193;
	padding-bottom:		10px;
	border-bottom:		dotted #000 1px;
}
#wrap_sidebar ul
{
	margin-bottom:		10px;
}
#wrap_sidebar ul, #wrap_sidebar li
{
	list-style-type: 	none;
	list-style-image: 	none;
}
#wrap_sidebar li
{
	border:				none 1px;
	border-bottom-style:dotted;
	font-size:			12px;
	padding:			5px 5px 5px 0;
}

#wrap_sidebar li:hover, #wrap_sidebar li:active
{
	background-color:	#A6C7EA;
}

#wrap_sidebar li a
{
	width:				100%;
	display:			block;
	color: 				#000000;
	font-size:			12px;
	font-weight:		normal;
	text-align:			left;
}
.pdf_brochure img
{
	display:			inline-block;
	float:				left;
}
.pdf_brochure a
{
	width:				160px;
	float:				right;
	padding:			0px;
}
.pdf_brochure
{
	margin-top:			15px;
	margin-bottom:		100px;
}

.lavora_con_noi a:hover
{
	background-color:	#A6C7EA;
}

.lavora_con_noi a
{
	font-size:			16px;
	color: 				#1f6193;
	display:			inline-block;
	width:				100%;
	text-align:			left;
	line-height:		22px;
}

/*************************************
 +wrap_content
 *************************************/

#wrap_content
{
	margin-top:			5px;
	margin-bottom:		20px;
	float:				right;
	width: 				730px;
}

#wrap_content h2
{
	background-color:	#1f6193;
	color:				#fff;
	padding:			6px;
	margin-bottom:		10px;
}

#wrap_content h3
{
	color:				#9f9f9f;
	padding:			6px;
	margin-bottom:		10px;
	margin-left:		5px;
	font-style:			italic;
	font-weight:		bold;
}

#wrap_content h4
{
	margin-bottom:		10px;
	margin-left:		10px;
	font-weight:		bold;
}

#wrap_content p
{
	margin-bottom:		25px;
	margin-left:		5px;
	padding:			6px;
}

.content_title a
{
	color:				#9f9f9f;
	font-style:			italic;
	font-weight:		bold;
	font-size:			14px;
}

/*************************************
 +wrap_footer
 *************************************/

#wrap_footer
{
	margin-top:			10px;
	margin-bottom:		0px;
	width:				100%;
}

#wrap_footer_content
{
	position:			relative;
	width: 				980px;
	margin-left:		auto;
	margin-right:		auto;
}
#wrap_footer h2
{
	color: 				#1f6193;
	padding-bottom:		10px;
	border-bottom:		dotted #000 1px;
	width:				200px;
}

.in_collaborazione
{
	float:				left;
	margin-bottom:		20px;
}
.footer_img
{
	position:			absolute;
	right:				0px;
	top:				69px;
}

.footer_bar
{
	height:				25px;
	background-color:	#80B30D;
	width:				100%;
}

#wrap_footer span
{
	margin:				0px;
	font-size:			12px;
	color:				#ffffff;
	text-align:			center;
	display:			block;
	line-height:		25px;
}
/*************************************
 +body && generic element specification (h1,h2,p...)
 *************************************/

body
{
	background: 		url(../images/sfondo_body.jpg) repeat-x;
	font-family:		Verdana, Arial, freesans, Helvetica, sans-serif;
}

h2
{
	font-size:			16px;
}

h3, h4
{
	font-size:			14px;
}

p, li
{
	font-size:			12px;
	line-height:		20px;
}

/* classic_ul genera un elenco puntanto classico, logo_ul genera un elenco con il logo_gi_20x20 al posto dei pallini */
/* classic_ul, logo_ul >>> */
.classic_ul, .logo_ul
{
	margin-bottom:		25px;
	padding:			6px;
}
.classic_ul
{
	margin-left:		25px;
}
.logo_ul
{
	margin-left:		15px;
}
.no_icons_ul
{
	margin-left:		25px;
}

.classic_ul li
{
	list-style-type:	disc;
	line-height:		18px;
}
.logo_ul li
{
	/* list-style-image:	url(../images/logo_mini_gi_20x20.png); */
	list-style-image:	none;
	background: 		url(../images/logo_mini_gi_20x20.png) no-repeat 0px 2px;
	padding-left:		25px;
	line-height:		20px;
}

.no_icons_ul li
{
	list-style-type: 	none;
	list-style-image: 	none;
}
/* classic_ul, logo_ul <<< */

.price_table
{
	border: 				1px solid #555;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	width: 					710px;
	margin-left:			10px;
	margin-bottom:			3px;
}
.price_table td.left_label { color: #ff0000; border-top: 1px dashed #cccccc; border-right: 1px dashed #cccccc; padding: 5px 5px 5px 10px; width: 400px;}
.price_table td.right_price { color: #000000; border-top: 1px dashed #cccccc; text-align: right; padding: 5px 10px 5px 5px;}
tr.first_row td { border-top: 0;}

.img_contatti
{
	margin-left:		25px;
}

.virtual_tour_example, .video_tour_example, .img_planimetrie, .img_centered, .img_portfolio
{
	text-align:			center;
}
.img_portfolio img
{
	height:				242px;
	width:				230px;
	margin:1px;

}
.img_portfolio a
{
	position:relative;
	display:inline-block;
	padding: 1px 0px 0px 1px;
	margin:0 0 10px 0;
	border:1px solid #666;

}

.img_portfolio a span
{
	background:transparent url('../images/new_50.png') no-repeat 0px 0px;
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:50px;
	display:block;
}


.img_portfolio  a:hover
{
	box-shadow: 2px 2px 2px #888;
}
.img_centered p
{
	text-align:			left;
}

.elenco_portali
{
	margin-left:		10px;
	line-height:		18px;
}

.spaced_line li
{
	line-height:		18px;
}

.clear
{
	clear:				both;
}
#planimetrie_container
{
	margin-left:		15px;
	margin-bottom:		25px;
}
#planimetrie_container p
{
	margin-top:			20px;
	padding:			2px;
}
.planimetria_step
{
	border: 			1px solid #8eb1d1;
	background:			#D1E1F0;
	color:				#003366;
	font-weight: 		bold;
	font-size: 			18px;
	padding: 			6px;
	margin: 			0 10px 0 10px;
	display: 			inline;
	float: 				left;
}
.planimetria_title
{
	line-height:		20px;
	display:			inline-block;
	margin-top:			6px;
	font-size:			14px;
	font-weight: 		bold;
	color: 				#003366;
}

.portali_list
{
	float:				left;
	width:				710px;
	text-align:			center;
	margin-bottom:		15px;
	padding:			0 5px;
}

.portali_list div
{
	width:				120px;
	height:				60px;
	display:			inline-block;
	padding:			3px;
	/* border: 			1px solid #ddd;*/
}

.portali_list div.banner_hover a img
{
	padding: 1px 0px 0px 1px;
	 -moz-border-radius: 6px; border-radius: 6px;

}
.portali_list div.banner_hover a:hover img
{
	padding: 0px;
	margin: 0px 1px 1px 0px;
	box-shadow: 2px 2px 2px #888;
}
.elenco_portali a
{
	cursor:				hand;
	color:				#0000EE;
}