/* CSS Document */

.blue {
	color					: #003399;
}

.cyan {
	color					: #0052C3;
}

h1.big {
	margin					: 30px 0 3px 10px;
	color					: #0052C3;
	font-size				: 30px;
	font-weight				: normal;
	line-height				: 36px;
	text-align				: left;
	text-transform			: uppercase;
}

h2.big {
	margin					: 0 0 3px 10px;
	color					: #0052C3;
	font-size				: 22px;
	font-weight				: normal;
	line-height				: 28px;
	text-align				: left;
	text-transform			: uppercase;
}

h1 {
	margin					: 0 0 10px 0;
	color					: #0052C3;
	font-size				: 23px;
	line-height				: 23px;
	font-weight				: normal;
	text-align				: left;
}

h2 {
	color					: #000;
	font-size				: 23px;
	line-height				: 23px;
	font-weight				: normal;
	text-align				: left;
}

h3 {
	font-size				: 2em;
	line-height				: 2em;
	text-align				: left;
}


p, .p, h4 {
	padding					: 0 0 7px 0;
	font-size				: 12px;
	line-height				: 18px;
	text-align				: left;
	letter-spacing			: 0.5px;
}


/*BGEIN - PAGEFLIP*/
div#pageflip {
	position				: relative;
	float					: right;
	top						: 0px;
	right					: 0px;
}

div#pageflip img {
	position				: absolute;
	top						: 0px;
	right					: 0px;
	width					: 50px; 
	height					: 50px;
	-ms-interpolation-mode: bicubic;
	z-index					: 20;
}

div#pageflip .msg_block {
	position				: absolute;
	top						: 0px;
	right					: 0px;
	width					: 50px; 
	height					: 48px;
	overflow				: hidden;
	/*background				: url(../files/images/advertise.png) no-repeat right top;*/
	background-repeat		: no-repeat;
	background-position		: right top;
}
/*END - PAGEFLIP*/


/*BEGIN - SPECCHIETTI*/
div.frame {
	position				: relative;
	width					: 301px;
	background				: url(../images/frame_bg.gif) no-repeat;
	background-position		: top center;
}

div#frame_1 {
	float					: left;
}

div#frame_3 {
	float					: right;
}

div#frame_2 {
	margin					: 0 auto;
}

div.frame div.inner_frame {
	height					: 270px;
}

div.frame div.inner_frame h2 {
	position				: absolute;
	top						: 20px;
	left					: 22px;
	margin					: 0;
	padding					: 0 22px 20px 0;
	color					: #F2F2F2;
	font-size				: 20px;
	font-weight				: normal;
	letter-spacing			: 0.8px;
	line-height				: 22px;
	text-align				: left;
	font-style				: italic;
	z-index					: 31;
}

div.frame div.inner_frame p {
	position				: absolute;
	top						: 70px;
	left					: 22px;
	margin					: 0;
	padding					: 0 40px 10px 0;
	color					: #F2F2F2;
	font-size				: 15px;
	font-weight				: normal;
	letter-spacing			: 0.5px;
	line-height				: 18px;
	text-align				: left;
	z-index					: 31;
}

div.frame div.inner_frame img {
	position				: absolute;
	bottom					: 0px;
	right					: 0px;
	z-index					: 30;
}

div.frame div.inner_frame a {
	position				: absolute;
	top						: 190px;
	left					: 22px;
	padding					: 7px 0 0 0;
	width					: 106px;
	height					: 22px;
	color					: #F2F2F2;
	font-size				: 12px;
	font-weight				: normal;
	letter-spacing			: 0.5px;
	text-align				: center;
	background				: url(../images/read_more_button.png) no-repeat;
	background-position		: top left;
	z-index					: 31;
}
/*END - SPECCHIETTI*/


/*BEGIN - SPOTLIGHT*/
div#spotlight {
	padding					: 26px 10px 16px 2px;
	/*background				: url(../images/spotlight_bg.png) no-repeat;
	background-position		: top left;*/
}

div#spotlight h2 {
	padding					: 0 2px 7px 0;
	color					: #000;
	font-size				: 18px;
	line-height				: 40px;
	text-align				: right;
	text-transform			: uppercase;
	background				: url(../images/spotlight_separator_blue.png) no-repeat;
	background-position		: bottom left;
}

div#inner_spotlight ul {
	margin					: 0 15px 0 0;
}

div#spotlight ul li {
	background				: url(../images/spotlight_separator_grey.png) no-repeat;
	background-position		: bottom left;
	text-align				: right;
}

div#spotlight ul li a {
	padding					: 0 2px 0 0;
	color					: #0052C3;
	font-size				: 16px;
	line-height				: 40px;
	text-transform			: uppercase;
}
/*END - SPOTLIGHT*/


/*BEGIN - SLIDE PANEL*/
div.slide_panel div.button {
	padding					: 20px;
	height					: 40px;
}

div.slide_panel div.button div.open {
	float					: right;
	width					: 38px;
	height					: 39px;
	text-align				: center;
	background				: url(../images/open.gif) no-repeat;
	background-position		: center;
	cursor					: pointer;
}

div.slide_panel div.button div.close {
	display					: none;
	float					: right;
	width					: 38px;
	height					: 39px;
	text-align				: center;
	background				: url(../images/close.gif) no-repeat;
	background-position		: center;
	cursor					: pointer;
}

div.slide_panel div.panel {
	display					: none;
}
/*END - SLIDE PANEL*/


/*div.contents {
	margin					: 0 auto;
	width					: 604px;
	background				: url(../images/contents_bg.gif) no-repeat;
	background-position		: top center;
}*/

div.contents {
	margin					: 0 auto;
	padding					: 30px 30px 10px 30px;
	height					: auto !important; 		/* real browsers */
	height					: 350px; 				/* IE6: treaded as min-height */
	min-height				: 350px; 				/* real browsers */
	background				: url(../images/contents_bg.png) no-repeat;
	background-position		: top center;
}

div#home_content {
	margin					: 20px 0 0 0;
	padding					: 40px 40px 10px 40px;
	color					: #666;
	/*background				: none;*/
}

div#home_content h1 {
	padding					: 0 0 10px 0;
}

div#home_content h1, div#home_content p {
	margin					: 0 180px 0 0;
}

div#home_content img {
	margin					: 5px;
}


/*BEGIN - PANNELI DI CONTENUTO DELLE PAGINE*/
div.sub_content {
}

div.sub_content div.left_column, div.sub_content div.right_column {
	width					: 264px;
}

div.sub_content div.title_spacer {
	/*height					: 62px;*/
}

div.sub_content h2 {
	display					: block;
	padding					: 7px 14px;
	/*height					: 50px;*/
	font-size				: 16px;
	font-weight				: normal;
	line-height				: 18px;
	background-color		: #F3F3F3;
}

div.sub_content p {
	padding					: 7px;
	color					: #666;
	font-size				: 12px;
}
/*END - PANNELI DI CONTENUTO DELLE PAGINE*/


/*BEGIN - CONTENT LIST*/
div.contents_list {
	padding					: 10px 0;
	/*background				: url(../images/contents_list_bg.gif) no-repeat;
	background-position		: top center;*/
}

div.contents_list h2 {
	/*display					: none;*/
}	

div.contents_list ul {
	margin					: 0 0 0 5px;
	padding					: 0 0 15px 0;
}

div.contents_list ul li {
	padding					: 3px 0;
}

div.contents_list ul li h2 {
	padding					: 7px 0 7px 2px;
	font-size				: 16px;
	font-weight				: normal;
	text-transform			: uppercase;
	background				: url(../images/contents_list_separator_blue.png) no-repeat;
	background-position		: bottom left;
}

div.contents_list ul li ul {
	margin					: 0;
}

div.contents_list ul li ul li {
	padding					: 2px 0 3px 0;
	background				: url(../images/contents_list_separator_grey.png) no-repeat;
	background-position		: bottom left;
}

div.contents_list ul li ul li a {
	padding					: 0 0 5px 2px;
	color					: #0052C3;
	font-size				: 14px;
	text-transform			: uppercase;
}

div.contents_list ul li ul li#faq {
	background				: url(../images/contents_list_separator_red.png) no-repeat;
	background-position		: bottom left;
}

div.contents_list ul li ul li#faq a {
	color					: #E00000;
}

div.contents_list ul li ul li.current a {
	font-weight				: bold;
}

div.contents_list ul li ul li a span {
	line-height				: 26px;
	vertical-align			: bottom;
}

div.contents_list ul li ul li a img {
	margin					: 0 10px 0 0;
	/*vertical-align			: middle;*/
}

div.contents_list ul li ul li a:hover {
	text-decoration			: none;
}

div.contents_list ul li ul li a:hover span {
	text-decoration			: underline;
}
/*END - CONTENT LIST*/


/*BEGIN - CONTACTS LIST*/
div.contents_list ul#contacts_list {
}

div.contents_list ul#contacts_list li {
	margin					: 0 0 3px 0;
	padding					: 7px 0 7px 20px;
	background				: url(../images/contents_list_separator_blue.png) no-repeat;
	background-position		: bottom left;
}

div.contents_list ul#contacts_list li span, div.contents_list ul#contacts_list li a {
	display					: inline-block;
	padding					: 0 0 0 3px;
	color					: #000000;
	font-size				: 16px;
	vertical-align			: middle;
}

div.contents_list ul#contacts_list li img {
	margin					: 0 10px 0 0;
	vertical-align			: middle;
}
/*END - CONTACTS LIST*/


/*BEGIN - GOOGLE MAP*/
a#google_map_link {
	display					: block;
	margin					: 0 auto;
	padding					: 55px 0 0 120px;
	width					: 153px;
	background				: url(../images/google_maps.gif) no-repeat;
	background-position		: top center;
	text-align				: center;
}

iframe.google_maps {
	width					: 850px;
	height					: 500px;
}
/*END - GOOGLE MAP*/


/*BEGIN - CONTACTS FORM*/
form#contacts_form {
	padding					: 20px;
}

form#contacts_form div.row {
	padding					: 3px 0px;
}

form#contacts_form div.buttons_row {
	text-align				: center;
}

form#contacts_form div.supplement_row {
	padding					: 7px 10px;
	text-align				: right;
}

form#contacts_form div.supplement_row span {
	font-size				: 9px;
}

form#contacts_form div#result {
	padding					: 7px 0 0 150px;
}

form#contacts_form div#result span.success {
	color					: #096;
	font-size				: 11px;
}

form#contacts_form div#result span.error {
	color					: #C36;
	font-size				: 11px;
}

form#contacts_form label {
	display					: inline-block;
	padding					: 2px 7px 0 0;
	width					: 130px;
	color					: #000;
	font-size				: 12px;
	font-weight				: normal;
	text-align				: right;
	vertical-align			: top;
}

form#contacts_form label.error {
	display					: inline-block;
	margin					: 0 0 0 145px;
	padding					: 7px 7px 0 0;
	width					: 200px;
	color					: #C36;
	font-size				: 10px;
	font-weight				: normal;
	text-align				: left;
	vertical-align			: top;
}

form#contacts_form input.textbox, form#contacts_form textarea.textarea {
	display					: inline-block;
	padding					: 5px 5px 3px 5px;
	width					: 350px;
	font-size				: 11px;
	border					: 1px solid #999;
	background				: url(../images/textbox_bg.gif) repeat-x;
	background-position		: top left;
}

form#contacts_form textarea.textarea {
	width					: 350px;
	height					: 300px;
}
	

form#contacts_form input.button {
	margin					: 0 10px 0 0;
	padding					: 0 0 2px 0;
	width					: 107px;
	height					: 33px;
	color					: #FFFFFF;
	font-size				: 11px;
	text-align				: center;
	text-transform			: uppercase;
	vertical-align			: middle;
	cursor					: pointer;
	background				: url(../images/button.png) no-repeat;
	background-position		: bottom;
	border					: none;
}

img#arrow {
	position				: absolute;
	top						: 520px;
	left					: -40px;
	z-index					: 32;
}
/*END - CONTACTS FORM*/


/*BEGIN - SAMPLE LIST*/
ul.samples {
}

ul.samples li {
	float					: left;
	display					: inline-block;
}

ul.samples li.first {
	display					: inline-block;
	width					: 79px;
	height					: 160px;
	background				: url(../images/film_first.gif) no-repeat;
	background-position		: top left;
}

ul.samples li.last {
	display					: inline-block;
	width					: 168px;
	height					: 160px;
	background				: url(../images/film_last.gif) no-repeat;
	background-position		: top left;
}

ul.samples li a {
	padding					: 34px 0 0 4px;
	display					: inline-block;
	width					: 81px;
	height					: 126px;
	background				: url(../images/film.gif) no-repeat;
	background-position		: top left;
}

ul.samples li a img {
	width					: 75px;
	height					: 55px;
}
/*END - SAMPLE LIST*/


/*BEGIN - SAMPLE*/
div.sample {
	width					: 850px;
	height					: 500px;
	/*background				: url(../images/sample_bg.gif) no-repeat;*/
	background-position		: top center;
}

div.sample img.pencil {
	position				: absolute;
	bottom					: 0px;
	left					: 200px;
	z-index					: 40;
}

div.sample img {
	float					: right;
}

div.sample h1 {
	margin					: 0 0 3px 25px;
	padding					: 30px 0 0 0;
	color					: #0052C3;
	font-size				: 22px;
	font-weight				: normal;
	line-height				: 28px;
	text-align				: left;
	text-transform			: uppercase;
}

div.sample p {
	margin					: 10px 0 3px 25px;
	width					: 220px;
	height					: 400px;
	color					: #666;
	font-size				: 13px;
}
/*END - SAMPLE*/


/*BEGIN - FAQ*/
ul.faqs {
}

ul.faqs li {
	display					: block;
	padding					: 30px 0 16px 0;
	width					: 910px;
	background				: url(../images/faq_header_bg.png) no-repeat;
	background-position		: top center;
}

ul.faqs li div.faq_header {
	padding					: 0 25px;
	/*height					: 27px;*/
	/*background				: url(../images/faq_header_bg.gif) repeat-x;
	background-position		: center;*/
}

ul.faqs li div.faq_header h3 {
	display					: inline;
	padding					: 0;
	margin					: 0 3px;
	color					: #0052C3;
	font-size				: 16px;
	font-weight				: normal;
	line-height				: 27px;
}

ul.faqs li div.answer {
	padding					: 7px 33px;
}

ul.faqs li div.answer p {
	font-size				: 12px;
	line-height				: 13px;
}
/*END - FAQ*/


/*BEGIN - QUIZ*/
a#quiz_link {
	position				: absolute;
	top						: -16px;
	right					: 16px;
	color					: #0052C3;
	font-size				: 12px;
	font-weight				: normal;
	line-height				: 12px;
	text-transform			: uppercase;
}
/*END - QUIZ*/