@import url('lib/reset.css');
@import url('lib/960.css');
@import url('lib/text.css');

/*--------------------------
	General Styles
--------------------------*/
body	{font-family: Lucida Grande, Verdana, Arial, sans-serif;}
h1,h2,h3,h4,h5,h6	{font-weight: normal; color: #6F6166;}
h1 {color: #333;}

/*--------------------------
	Helper styles
--------------------------*/
.spanner,
.clear 	{clear: both; }
div.hr,		
div.hr_dotted { clear: both; margin: 20px 0; }
div.hr hr,
div.hr_dotted hr { display: none; }
div hr_dotted { border-top: 1px solid #ccc; }

.purple {color: #BE0042; }


/*--------------------------
	Page structure
--------------------------*/
#header 		{ height: 80px;}
#navigation,
#footer 		{ background-color: #BE0042; }
#navigation 	{height: 60px; }
#homecontent,
#content,
#navigation		{font-size: 12px;}
#homecontent 	{}
#content		{}

/*--------------------------
	Page components
--------------------------*/
/* Logo */
#logo 	{ position: absolute; top:21px; width: 274px; height: 89px; margin: 0; background: transparent url('images/logo.png') no-repeat top left; text-indent: -1000em;}
#logo a { display:block; width: 100%; height: 100%; text-indent: -1000em;}

/* Navigation */
#navigation		{}
#navigation .container_12 { position: relative; font-size: 11px; }
#navigation ul	{ list-style: none; margin: 0 0 0 40px; padding: 0; }
#navigation li	{ position: relative; height: 60px; float: left; margin: 0; background-color: #BE0042; }
#navigation li.active { top: -10px; text-transform: uppercase; }
#navigation a	{ display: block; line-height: 40px; margin: 0 15px; color: white; text-decoration: none; white-space: nowrap; }

/* content */
#content h1,
#content h2	{border-bottom: 1px solid #ccc;}

/* Home content */
#homecontent .container_12 {background: white url('images/rosehands.jpg') no-repeat -189px 100%; }
#parlare,
#rispondere 	{position: relative; }
#parlare h2 	{ width: 220px; height: 71px; background: white url('images/parlare.png') no-repeat top left; text-indent: -1000em; margin-bottom: 10px; }
#rispondere h2 	{ width: 220px; height: 71px; background: white url('images/rispondere.png') no-repeat top left; text-indent: -1000em; margin-bottom: 10px; }
#parlare a,
#rispondere a { font-weight: bold; color: #BE0042; text-decoration: none; }
#parlare a:hover,
#rispondere a:hover { text-decoration: underline; }

ul.answers 		{list-style: none; position: absolute; width: 380px; top: 0; left: -400px; padding-bottom: 30px; background-color: #D3D3D3; }
ul.answers li 	{ margin: 10px 10px 10px;}
#parlare ul.answers a,
#rispondere ul.answers a 	{font-size: 12px; font-weight: bold; color: black; text-decoration: none;}
#parlare ul.answers a:hover,
#rispondere ul.answers a:hover, {color: #BE0042;}
ul.answers .readMore { position: absolute; width: 200px; right: 10px; bottom: 0; white-space: nowrap; text-align: right; }

/* Main content */
#mainContent 		{}
#mainContent .brief,
#content .brief	{font-family: Palatino Lynotype, Times, Times New Roman, serif; font-size: 18px; font-style: italic; font-weight: bold; color: #BE0042;}
#mainContent ul,
#mainContent ol { list-style-position: outside;}
#mainContent li {margin: 10px 0 10px 20px; }

.approfondimentomedico {position: relative; }
.approfondimentotitle { display: block; position: absolute; top: 17px; right: 0; font-size: 10px; text-transform: uppercase; color: #BE0042;}
.approfondimentomedico h2 { padding-right: 120px; }

/* Side content */
#sideContent h2		{font-size: 16px; margin: 10px 0; padding-bottom: 4px; }
#sideContent .brief	{font-style: italic;}

#tipsidebar { margin-bottom: 20px; }
#tipsidebar h2 {margin-top: 3px;}
.tipcategories h3 { padding: 4px 0 4px 24px; font-size: .9em; font-weight: bold; cursor: pointer; }
.tipcategories ul { list-style: none; margin: 0; padding: 0; font-size: .8em; }
.tipcategories li { margin: 1em 0; padding: 0; }
.tipcategories a { position: relative; text-decoration: none; }
.tipcategories a:hover { color: #BE0042; }

#rating {position: relative; margin-bottom: 20px; }
#ratingform {position: absolute; width: 160px; right: 20px; top: 8px; }

dl.argomenti {}
dl.argomenti dt { font-size: 16px; font-weight: bold;}
dl.argomenti .ends { margin-bottom: 1em; font-weight: bold; font-style: italic;}
dl.argomenti a { color: #BE0042; text-decoration: none;}

.consigli_item h3 { font-size: 16px; margin-bottom: 0; font-weight: bold; }
.consigli_item a { color: #BE0042; text-decoration: none; }
.consigli_item a:hover {text-decoration: underline; }

#rating {border: 1px solid #999; background-color: #ECECEC; padding: 10px; }

.pagination {}
.pagination a { color: black; }

/* Form contatti */
#contactform {}
#contactform fieldset { margin: 10px 0; }
#contactform label {font-weight: bold; }
#contactform input,
#contactform textarea { border: 1px solid #999; padding: 4px; width: 350px; }
#contactform textarea { height: 200px; }

/* Footer */
#footer		{ padding: 1em 0; color: #BFBFBF; }
#footer h6	{ margin-bottom: 10px; color: #BFBFBF;}
#footer p	{font-size: 10px;}
#footer ul	{list-style: none; margin: 0; padding: 0; font-size: 10px; }
#footer li	{margin: .5em 0;}
#footer a	{color: white; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/*--------------------------
	Overrides
--------------------------*/