/*
 * NMR Main CSS
 *
 * Nielsen Media Research Italia
 * WebSite 2006
 *
 * Copyright (C) 2005-2006
 * by Davide S. Casali
 * www.digitalhymn.com
 *
 * Last update: 2006-11-16
 *
 */

/*** Golem Common CSS ***/
/* @import url(NMR.ext.v1.css); */

/****************************************************************************************************
 * Defaults
 */
body
{
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: 15px;
	margin: 0;
	background-color: #F2F2F2;
}

a
{
	color: #009900;
}

a:hover
{
	color: #66CD01;
}

img
{
	border: 0;
}

form
{
	margin: 0;
}

/****************************************************************************************************
 * Blocks
 */
#all
{
	width: 780px;
	margin: 0 auto;
	text-align: left; /* [IEfix] IE5.0+ center align bug counter-fix */
}
body { text-align: center; } /* [IEfix] IE5.0/5.5 center align bug */

#header
{
	background: url(gfx/testatina ok.jpg) top left no-repeat;
	height: 130px;
	width: 780px;
}

#menu
{
	background: url(gfx/nmr_menu.gif) top left no-repeat;
	width: 780px;
	height: 34px;
}

#body
{
	
}

#footer
{
	background: url(gfx/nmr_footer.gif) top left no-repeat;
	width: 780px;
	height: 34px;
	margin-bottom: 1em;
}

/****************************************************************************************************
 * Header
 */
#header h1
{
	/* Those lines has been splitted there in order to be compatible on IE5.0
	   We also need position: absolute in order to block the h1 tag to influence the surrounding
	   tags.
	   The indent will apply for text-to-image substitution (IE5.0+, Firefox, Safari, Opera6+)*/
	position: absolute;
	text-indent: -600em;
}

/****************************************************************************************************
 * Menu
 */
#menu ul
{
	/* Using the Suckerfish technique, last revision (with left and modular javascript) */
	padding: 0;
	margin: 0;
	list-style: none;
	
	padding-left: 28px;
	padding-top: 10px;
	
	z-index: 1; 
}
* html #menu ul { padding-top: 8px; } /* [IEfix] IE5.0+ mis-align */

#menu ul a
{
	display: block;
	
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	
	padding-left: 18px;
	background: url(gfx/nmr_arrow_green.gif) top left no-repeat;
}

#menu li
{
	float: left;
	
	padding-right: 20px;
}

#menu li ul
{
	position: absolute;
	left: -600em;
	
	background-color: #8CD5F9;
	padding: 4px 2px 2px;
	border: 1px solid #8CD5F9;
}

#menu li ul li
{
	float: none;
	width: 230px; /* [IEfix] width must be set: w/o IE5.0+ applies strange pads */
	
	padding-right: 0;
}
* html #menu li ul li { float: left; clear: both; } /* [IEfix] IE5.0/5.5 left "appearing" pad fix */

#menu li ul li a
{
	background: none;
	
	height: 18px;
	line-height: 19px;
}
#menu li ul li a:hover
{
	background-color: #D1D6D9;
}

#menu li:hover ul, #menu li.sfhover ul
{
	left: auto;
}

#menu .strong
{
	color: #FFFFFF;
}

#menu .em
{
	
}

/****************************************************************************************************
 * Body
 */
#body
{
	padding: 0;
	margin: 0;
}
* html #body div { height: 1%; } /* [IEfix] Peekaboo bug (contained float misbehaves w/o this) */
*:first-child+html #body div { min-height: 1%; } /* [IE7fix] wonder! IE7 still bugged */

#body .default
{
	background: transparent url(gfx/nmr_body_default_filler.gif);
	margin: 3px 0;
}
#body .default .up { background: transparent url(gfx/nmr_body_default_up.gif) no-repeat top; }
#body .default .dn { background: transparent url(gfx/nmr_body_default_dn.gif) no-repeat bottom; }

#body .white
{
	background: transparent url(gfx/nmr_body_white_filler.gif) repeat;
	margin: 3px 0;
}
#body .white .up { background: transparent url(gfx/nmr_body_white_up.gif) no-repeat top; }
#body .white .dn { background: transparent url(gfx/nmr_body_white_dn.gif) no-repeat bottom; }

#body .alt
{
	background: transparent url(gfx/nmr_body_alt_filler.gif) repeat;
	margin: 3px 0;
}
#body .alt .up { background: transparent url(gfx/nmr_body_alt_up.gif) no-repeat top; }
#body .alt .dn { background: transparent url(gfx/nmr_body_alt_dn.gif) no-repeat bottom; }

#body .fade
{
	background: transparent url(gfx/nmr_body_fade_filler.gif) repeat;
	margin: 3px 0;
}
#body .fade .up { background: transparent url(gfx/nmr_body_fade_up.gif) no-repeat top; }
#body .fade .dn { background: transparent url(gfx/nmr_body_fade_dn.gif) no-repeat bottom; }

#body .clear
{
	clear: both;
	height: 1px;
	font-size: 1px; /* [IEfix] stupidity hits again */
}

/****************************************************************************************************
 * Columns
 */
#body .col1
{
	float: left;
	width: 258px;
	
	min-height: 1em;
}

#body .col2
{
	float: left;
	width: 518px;
	
	min-height: 1em;
}

#body .col3
{
	float: left;
	width: 778px;
	
	min-height: 1em;
}

#body .ticker
{
	width: 778px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

#body .col1.img
{
	background: url(gfx/nmr_background_1c.gif) no-repeat;
	min-height: 480px;
	width: 260px;
}
* html #body .col1.img { height: 480px; } /* [IEfix] for IE, height == min-height, due to a bug */

#body .col1.homeimg
{
	background: url(gfx/nmr_home_image 2.jpg) no-repeat;
	min-height: 480px;
	width: 260px;
}
* html #body .col1.homeimg { height: 480px; } /* [IEfix] for IE, height == min-height, due to a bug */

/****************************************************************************************************
 * Box
 */
#body .box
{
	background: transparent url(gfx/nmr_body_box_filler.gif);
	
	margin: 5px 5px 5px;
}

#body .box h4
{
	background: transparent url(gfx/nmr_body_box_up.gif) no-repeat top;
	height: 33px;
	margin: 0;
	
	padding-left: 30px;
	line-height: 25px;
	
	color: #555555;
	font-size: 14px;
}

#body .box .dn
{
	background: transparent url(gfx/nmr_body_box_dn.gif) no-repeat bottom;
}

#body .box .content
{
	padding: 0 10px 10px;
}

#body .box li
{
	margin: 2px;
}

/****************************************************************************************************
 * Typo
 */
#body h2
{
	margin: 40px 12px 2px;
	color: #019DDA;
}
* html #body h2 { letter-spacing: -1px; }

#body h3
{
	margin: 30px 12px 8px;
	color: #717276;
	line-height: 1.2em;
}
#body h3 a { color: #717276; }

#body h4
{
	margin: 12px 14px 4px;
}

#body .section
{
	margin: 8px 8px -26px;
	text-align: right;
	color: #DDDDDD;
	font-size: 18px;
	letter-spacing: -1px;
}

#body p, #body li
{
	margin: 0 12px 1em;
	letter-spacing: 1px;
	line-height: 1.1em;
	text-align: justify;
}

#body a
{
	color: #717276;
	text-decoration: none;
}

#body a:hover
{
	color: #019DDA;
}

#body .question
{
	margin: 1em 12px 1em;
	letter-spacing: 1px;
	line-height: 1.1em;
	text-align: justify;
	
	background: transparent url(gfx/nmr_answer_risposta.gif) bottom right no-repeat;
	background: transparent url(gfx/nmr_answer_question.gif) bottom right no-repeat;
	padding-bottom: 14px;
	
	cursor: pointer;
}

#body .question a
{
	cursor: pointer;
}

#body .question div
{
	display: none;
	
	background-color: #FFFFFF;
	margin-bottom: -14px;
	padding-bottom: 2.5em;
	
	cursor: auto;
}

#body .question div div
{
	display: block;
}

#body .col1 .info
{
	font-size: .9em;
	margin: 10px;
}

#body .col1 .info h5
{
	margin: 0;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
}

#body .col1 .info p
{
	color: #333333;
}

#body .col1 img
{
	margin: 0 0 2px 15px;
}

#body hr
{
	visibility: hidden;
	height: 35px;
}

#body dl
{
	padding: 5px 20px;
}

#body dl dt
{
	margin-top: 1em;
	margin-bottom: 2px;
	font-weight: bold;
	color: #666666;
}

#body dl dd
{
	text-align: justify;
	margin-bottom: 1em;
}

/****************************************************************************************************
 * Products Menu
 */
#body .col1.pad
{
	padding-top: 125px;
}
* html #body .col1.pad { padding-top: 135px; } /* [IEfix] different margin */

#body .col1 ul
{
	margin: 0;
	padding: 0 13px;
	margin-top: 0;
	margin-bottom: 20px;
	list-style: none;
}

#body .col1 li
{
	letter-spacing: 0;
	margin: 1px 0;
	padding-top: 4px;
	padding-left: 15px;
	
	background: transparent url(gfx/nmr_optbtn.gif) no-repeat;
	height: 21px;
}
* html #body .col1 li { height: 25px; } /* [IEfix] quirksmode boxmodel bug */

#body .col1 li a
{
	display: block;
	width: 100%;
}

#body .product
{
	height: 335px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}

/****************************************************************************************************
 * Home
 */
#body .home h3
{
	margin-top: 0;
	margin-bottom: 38px;
}

#scroller
{
	overflow: hidden;
}

#body .home.en .col1.homeimg
{
	background: url(gfx/nmr_home_image_compact.jpg) no-repeat;
	min-height: 379px;
	width: 260px;
}
* html #body .home.en .col1.homeimg { height: 378px; } /* [IEfix] for IE, height == min-height, due to a bug */

/****************************************************************************************************
 * Images
 */
.imagebox
{
	position: relative;
	left: -257px;
	float: left;
	margin-right: -250px;
}

/****************************************************************************************************
 * Form
 */
#body div.btnbar
{
	text-align: right;
}

#body input.btn
{
	border: 0;
	background: transparent url(gfx/nmr_btn.gif);
	width: 95px;
	height: 30px;
	color: #019DDA;
	font-weight: bold;
	font-size: 13px;
}

#body input.btn.dimmed
{
	background: transparent url(gfx/nmr_btn_dimmed.gif);
	color: #019DDA;
}

#body input.btn:hover
{
	background: transparent url(gfx/nmr_btn_lit.gif);
}

#body form label
{
	float: left;
	margin-right: 10px;
	width: 20%;
	color: #555555;
}

.home form #username,
.home form #password
{
	width: 200px;
}

/****************************************************************************************************
 * Files (Press Area, Reserved Area)
 */
#body h4
{
	cursor: pointer;
	background: transparent url(gfx/nmr_drawer_btn.gif) no-repeat;
	padding: 0 25px;
	line-height: 28px;
	height: 25px;
	color: #666666;
	text-align: justify;
}
#body .box h4 { cursor: auto; }

#body table
{
	margin: 0 13px;
	width: 490px;
	border-spacing: 0 2px;
}

#body table tr td
{
	padding: 5px;
}

#body table tr td img
{
	float: left;
}

#body table tr td sub
{
	display: block;
	color: #019DDA;
	text-align: left;
	font-size: .9em;
	margin-left: 30px;
	text-align: justify;
}

#body table tr td small
{
	display: block;
	color: #019DDA;
	text-align: right;
	font-size: .8em;
	font-weight: normal;
	
	white-space: nowrap;
}

#body .hidden
{
	display: none;
}

#body small
{
	display: block;
	padding-left: 16px;
	
	font-weight: bold;
	font-size: 1em;
	color: #A1C881;
}

#body label
{
	display: block;
	margin: 0 23px 4px;
	color: #AAAAAA;
	text-align: justify;
}

/****************************************************************************************************
 * Contacts
 */
#body address
{
	margin: 0 12px 1em;
	letter-spacing: 1px;
	line-height: 1.1em;
	text-align: justify;
	
	font-style: normal;
	
	min-height: 100px;
}
* html #body address { height: 100px; } /* [IEfix] IE uses height as min-height */

#body address strong
{
	display: block;
	margin-bottom: 2px;
	
	font-weight: bold;
	color: #333333;
}

#body address label
{
	display: inline;
	margin: 0;
	color: #666666;
	font-size: .9em;
}

#body address small
{
	display: inline;
	font-size: .9em;
	padding: 0;
}

/****************************************************************************************************
 * SiteMap
 */
#body .sitemap ul
{
	list-style: none;
	padding: 0 20px;
	margin: 1.5em 0 1em 0;
}

#body .sitemap ul li
{
	margin: 0;
	font-weight: bold;
	padding-bottom: 5px;
	
	background: transparent url(gfx/nmr_page_icon.gif) no-repeat;
	padding-left: 18px;
	margin-left: -10px;
}

#body .sitemap ul ul
{
	padding: 5px 0 0 60px;
	margin-top: 0;
	margin-bottom: 0;
}

#body .sitemap ul ul li
{
	font-weight: normal;
	padding-bottom: 3px;
	margin-left: -25px;
}

#body .sitemap li.alt
{
	background-color: transparent;
}

#body .sitemap li.alt a
{
	color: #A1C881;
}

#body .sitemap li.alt a:hover
{
	color: #66CD01;
}

/****************************************************************************************************
 * Links Page
 */
#body .links dt
{
	margin: 0;
	float: left;
	width: 250px;
}

#body .links dd
{
	margin-left: 260px;
}

/****************************************************************************************************
 * Messages & 404
 */
#all .message
{
	margin-top: 40px;
}

#all .message img
{
	display: block;
	margin: 20px 10px;
}

#all .message h3
{
	margin-bottom: 30px;
}

#all .message .clear
{
	height: 20px;
}

/****************************************************************************************************
 * Footer
 */
#footer
{
	line-height: 35px;
	color: #E0E0E0;
	text-align: right;
}

#footer a
{
	color: #FFFFFF;
	text-decoration: none;
}

#footer span
{
	padding: 0 10px;
}
* html #footer span { height: 1%; } /* [IEfix] IE5.01 fix for float */

#footer .menu
{
	float: left;
}

#vnu
{
	text-align: center;
}