@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------------
	mainshell.css gives layout and styling for the overall page
	container, masthead, navigation and subnav for the main site only.
   ------------------------------------------------------------------*/

a {
	outline:none;
}

body {
	margin-bottom: 5px;
	background: url(../../contents/images/background_gradient.png) repeat-x top center #bbe8fc scroll;
}

html, body {
	height: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

#global_wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	display: block;
	/*	z-index: 1; */
	position: relative;
}


#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	voice-family: "\"}\"";
	voice-family:inherit;
	display: block;
	/*	z-index: 10; */
	border: none;
	position: relative;
}


html>body #wrapper {
	width: 960px;
}

/* --------------------------------------------------------------------
	header* gives layout and styling for the header.
   ------------------------------------------------------------------*/

#header {
	display: block;
	/*	background: url(../../contents/images/header/header.png) no-repeat center center fixed; */
/*	background: url(../../contents/images/header.jpg); */
	width: 960px;
	height: 310px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	border: none;
}


.coccarda {
	display: block;
	position:absolute;
	top:22px;
	width:260px;
	height:260px;
	border: none;
	/*	background-image: url(../../contents/images/coccarda.png);
	background-repeat: no-repeat;
	background-position: center center; */
	right:0px;
}
/* --------------------------------------------------------------------
	footer* gives layout and styling for the footer.
   ------------------------------------------------------------------*/

#footer {
	height: 30px;
	line-height: 24px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-align: center;
	color: #000;
	padding-right: 20px;
	padding-left: 20px;
	bottom: 0px;
	display: block;
	background-image: url(../../contents/images/footer.png);
	background-repeat: no-repeat;
	background-position: center;
}

/* --------------------------------------------------------------------
	menu* gives layout and styling for the header menu.
   ------------------------------------------------------------------*/
#menu_wrapper {
	height: 40px;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	clear: both;
}

#submenu_wrapper {
	height: 25px;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	clear: both;
}

#menu_left {
	height: 40px;
	width: 21px;
	position: relative;
	left: 0px;
	background: url(../../contents/images/menu_left.png) no-repeat;
	top: 0px;
}

#menu_right {
	height: 40px;
	width: 21px;
	position: absolute;
	right: 0px;
	background: url(../../contents/images/menu_right.png) no-repeat;
	top: 0px;
}

.menu_button {
	color: #000;
	text-align: center;
	line-height: 40px;
	width: 153px;
	height: 40px;
	background-image: url(../../contents/images/menu_button.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: transparent;
	margin-right: auto;
	margin-left: auto;
	border: none;
	display: block;
	float: left;
	position: absolute;
	top: 0px;
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.menu_button:link,
.menu_button:visited {
	background-position: center top;
	color: #000;
	text-decoration: none;
}

.menu_button:focus,
.menu_button:hover {
	background-position: center center;
	cursor: pointer;
}

.menu_button:active {
	background-position: center bottom;
}

.menu_button_activated {
	color: #fff;
	text-align: center;
	line-height: 40px;
	width: 153px;
	height: 40px;
	background-image: url(../../contents/images/menu_button.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: transparent;
	margin-right: auto;
	margin-left: auto;
	border: none;
	display: block;
	float: left;
	position: absolute;
	top: 0px;
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

#table_submenu {
	width:100%;
	border: hidden;
}

#submenu_center {
	background:url(../../contents/images/submenu_button.png) repeat-x center top;
}

#submenu_left {
	height: 25px;
	width: 20px;
	position: relative;
	left: 0px;
	background: url(../../contents/images/submenu_left.png) no-repeat;
	top: 0px;
}

#submenu_right {
	height: 25px;
	width: 21px;
	position: relative;
	right: 0px;
	background: url(../../contents/images/submenu_right.png) no-repeat;
	top: 0px;
}


.submenu_button {
	color: #000;
	text-align: center;
	line-height: 25px;
	width: 184px;
	height: 25px;
	background-image: url(../../contents/images/submenu_button.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: transparent;
	margin-right: auto;
	margin-left: auto;
	border: none;
	display: block;
	float: left;
	position: absolute;
	top: 0px;
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.submenu_button:link,
.submenu_button:visited {
	background-position: center top;
	color: #000;
	text-decoration: none;
}

.submenu_button:focus,
.submenu_button:hover {
	background-position: center center;
	cursor: pointer;
}

.submenu_button:active {
	background-position: center bottom;
}

.submenu_button_activated {
	color: #fff;
	text-align: center;
	line-height: 25px;
	width: 184px;
	height: 25px;
	background-image: url(../../contents/images/submenu_button.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: transparent;
	margin-right: auto;
	margin-left: auto;
	border: none;
	display: block;
	float: left;
	position: absolute;
	top: 0px;
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

/* --------------------------------------------------------------------
	contents* gives layout and styling for the contents.
   ------------------------------------------------------------------*/

#contents_background {
	width: 100%;
	position: relative;
	background: url(../../contents/images/content_background.png) no-repeat center top;
	min-height: 400px;
}

#contents_wrapper {
/*	background:url(../../contents/images/content_white_background.png) repeat-y 100px 680px; */
	width: 948px;
	height:auto;
	min-height: 400px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #7d7d7d;
	border-left-color: #7d7d7d;
	display: block;
	margin-left:5px;
}

#banner {
	width: 100%;
	height: 155px;
	position: relative;
	background-image: url(../../contents/images/banner.png);
	background-position: center;
	background-repeat: no-repeat;
	top: 57px;
	display: block;
}

#intro {
	width: 920px;
	position: absolute;
	top: 225px;
	left: 30px;
	right: 30px;
	bottom: 25px;
}

#finalita {
	width: 920px;
	position: absolute;
	top: 375px;
	left: 30px;
	right: 30px;
	bottom: 25px;
}


/* --------------------------------------------------------------------
	mailpage* gives layout and styling for the header menu.
   ------------------------------------------------------------------*/

#mailpageglobal_wrapper {
	width: 100%;
	height: 100%;
	background:url(../../contents/images/dot_background.png) transparent repeat;
	position: fixed;
	top : auto;
	bottom : 0px;
	left: 0px;
}

#mailpage_wrapper {
	left: 50%;
	top: 50%;
	width: 450px;
	height: 430px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 150px;
/*	margin-left: -225px; /* half of width */
/*	margin-top: -215px;  /* half of height */ 
}

.mailpage_icon {
	display:block;
	background: url(../../contents/images/pagemail_icon.png) no-repeat;
	height: 15px;
	width: 16px;
	margin-left:auto;
	margin-right:auto;
}

.mailpage_icon:link,
.mailpage_icon:visited {
	background: url(../../contents/images/pagemail_icon.png) no-repeat;
}

#mailpage_form {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	display: none;
	position: relative;
}

.mailpagecontent_formtext {
	position: relative;
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size: 0.8em;
	color: #000;
	padding-right: 20px;
	padding-left: 20px;
	width: auto;
}

.mailpagecontent_wrapper {
	position: relative;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../../contents/images/mailpagecontent_background.png);
	background-repeat: repeat-y;
}

.mailpagecontent_header_background {
	text-align: center;
	background-image: url(../../contents/images/imagecontent_header_background.png);
	background-repeat: repeat-x;
	margin-left: 8px;
	margin-right: 7px;
	height: 40px;
}

.mailpagecontent_header_wrapper {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 15px;
}


.mailpagecontent_header_center {
	margin-left: 15px;
	margin-right: 15px;
	height: 15px;
	width: 420px;
	background-image: url(../../contents/images/imagecontent_top_background.png);
	background-repeat: repeat-x;
}


.mailpagecontent_corner_topleft {
	position: absolute;
	width: 15px;
	background-image: url(../../contents/images/imagecontent_corner_topleft.png);
	background-repeat: no-repeat;
	height: 15px;
	left: 0px;
	top: 0px;
}

.mailpagecontent_corner_topright {
	position: absolute;
	width: 15px;
	background-image: url(../../contents/images/imagecontent_corner_topright.png);
	background-repeat: no-repeat;
	height: 15px;
	top: 0px;
	right: 0px;
}

.mailpagecontent_footer_background {
	background-image: url(../../contents/images/imagecontent_footer_background.png);
	background-repeat: repeat-x;
	margin-left: 8px;
	margin-right: 7px;
	height: auto;
	background-position: bottom;
}

.mailpagecontent_footer_wrapper {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 10px;
	height: 10px;
}


.mailpagecontent_footer_center {
	position: absolute;
	margin-left: 15px;
	margin-right: 15px;
	height: 15px;
	width: 420px;
	background-image: url(../../contents/images/imagecontent_bottom_background.png);
}


.mailpagecontent_corner_bottomleft {
	position: absolute;
	width: 15px;
	background-image: url(../../contents/images/imagecontent_corner_bottomleft.png);
	background-repeat: no-repeat;
	height: 15px;
	left: 0px;
	top: 0px;
}


.mailpagecontent_corner_bottomright {
	position: absolute;
	width: 15px;
	background-image: url(../../contents/images/imagecontent_corner_bottomright.png);
	background-repeat: no-repeat;
	height: 15px;
	right: 0px;
}


/* --------------------------------------------------------------------
	form* gives layout and styling for the form fileds.
   ------------------------------------------------------------------*/

.mailpageformfieldwhite_leftcap {
	width: 10px;
	background-image: url(../../contents/images/formfield_leftcap.png);
	background-repeat: no-repeat;
	height: 20px;
	float: left;
	display: block;
}


.mailpageformfieldwhite_rightcap {
	width: 10px;
	background-image: url(../../contents/images/formfield_rightcap.png);
	background-repeat: no-repeat;
	height: 20px;
	float: left;
}


.mailpageformfieldwhite_repeat {
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	background-image: url(../../contents/images/formfield_repeat.png);
	background-repeat: repeat-x;
	height: 17px;
	float: left;
	border: 0px;
	margin: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}


.mailpageformfieldgrey_leftcap {
	width: 10px;
	background-image: url(../../contents/images/formfieldgrey_leftcap.png);
	background-repeat: no-repeat;
	height: 20px;
	float: left;
	display: block;
}


.mailpageformfieldgrey_rightcap {
	width: 10px;
	background-image: url(../../contents/images/formfieldgrey_rightcap.png);
	background-repeat: no-repeat;
	height: 20px;
	float: left;
}


.mailpageformfieldgrey_repeat {
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	background-image: url(../../contents/images/formfieldgrey_repeat.png);
	background-repeat: repeat-x;
	height: 17px;
	float: left;
	border: 0px;
	margin: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}


.mailpageformrow {
	clear:both;
	height: 30px;
}

.mailpageformrow_textarea {
	clear:both;
	height: auto;
}

.mailpageformrow_verify {
	clear:both;
}


.mailpageformrow_error {
	clear:both;
}


.mailpageformlabel {
	width: 30%;
	float:left;
	height: 20px;
	margin-left: 25px;
}


.mailpageformfiled {
	float:left;
	padding-left: 35px;
}


.mailpageformfiled_textarea {
	float:left;
	padding-left: 35px;
}

.mailpageformfiled_verify {
	float:left;
	padding-left: 50px;
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}


.mailpageform_submit_wrapper {
	width: auto;
}


.mailpageform_preview {
	width: 50%;
	height: 30px;
	float: left;
	text-align: center;
}


.mailpageform_clear {
	width: 50%;
	height: 30px;
	float: left;
	text-align: center;
}


.mailpageform_submit {
	width: 50%;
	height: 30px;
	float: left;
	text-align: center;
}


.mailpageformlabelbullet_error {
	width: 30%;
	float:left;
/*	height: 20px; */
}


.mailpageformerror {
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	color: #f00;
	width: auto;
	float:left;
/*	height: 20px; */
}