﻿	/* DOFCOUNSELING screen layout  */
	/* E' consentito prendere visione degli elementi e delle tecniche utilizzate in questo CSS e adattarle all'interno dei propri progetti, ma la combinazione unica di immagini, colori, misure, attributi tipografici e di posizionamento ("il design") è Copyright © 2006 smartpixel e non può essere riprodotto. */ 
	/* Ultimo aggiornamento 20 apr 2010 */

/* Elementi decorativi e form */ 
@import url("layout.css");
@import url("form.css");
/* Normalizzazione */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, code, blockquote, th, td {margin: 0; padding: 0;}
ul, ol {list-style-type: none;}
img, fieldset {border: none;}
/* Elementi invisibili */
#brand h1 img, #brand h1 span, #nav_main #lang span, #content_main h1 span, #content_sub #adlinks span, #site_info span {display: none;} 
/* Elementi generali di layout */
body {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	background: #748C94;
	padding-top: 40px;
}
h2, h3, h4, #nav_main, #site_info p {font-family: Verdana, Arial, Helvetica, sans-serif;}
p {margin-bottom: 10px;}
a.external {
	background: transparent url(pic/external.gif) no-repeat right center;
	padding-right: 15px;
}
a.external:hover {background: #B20E1A url(pic/external.gif) no-repeat right center!important;}
.wrap {
	margin: auto;
	width: 770px;
	position: relative;
	text-align: left;
}
acronym {cursor: help;}
/* Area Branding */
#brand {
	background: #000000;
	padding-top: 20px;
	border-bottom: 1px solid #000000;
	height: 220px;
}
/* Gestione lingua */
#lang {
  position: absolute;
  top: 15px;
  right: 0;
}
#lang li {float: left;}
#lang li a {
  width: 16px;
  height: 11px;
  display: block;
  margin-right: 10px;
}
#lang li a#ita {background: url(pic/it.png) no-repeat;}
#lang li a#eng {background: url(pic/en.png) no-repeat;}
#lang li a#slv {background: url(pic/slo.png) no-repeat;}
/* Navigazione Principale */
#nav_main {
	font-size: 12px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: #000000;
	border-top: 3px solid #748C94;
}
#nav_main #features {height: 40px;}
#nav_main #features li {float: left;}
#nav_main #features li a {
	text-decoration: none;
	color: #748C94;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 15px 5px;
}
#nav_main #features li a:hover, #nav_main #features li.current a {
	color: #FFFFFF;
	background: url(pic/nav.main.hover.png) no-repeat center top;
}
/* Navigazione Secondaria */
#nav_sec li a {
	color: #333333;
	padding: 5px 10px 5px 35px;
	display: block;
	background: url(pic/nav.sec.png) no-repeat 15px 5px;
	font-size: 12px;
	line-height: normal;
	text-decoration: none;
}
#nav_sec li a:hover {
	color: #FFFFFF;
	background: #B20E1A url(pic/nav.sec.hover.png) no-repeat 15px 5px;
}
#nav_sec li span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	letter-spacing: 1px;
	padding: 5px 10px 5px 15px;
}
/* Navigazione di pagina */
#nav_page {
	margin-top: 25px;
  margin-right:240px;
	height: 30px;
	clear:both;
}
#nav_page li {
	float: left;
	font-size: 11px;
	padding: 0px 15px;
	display: block;
}
#nav_page li a {
  	color: #000000;
  	font-weight: normal!important;
}
#nav_page div.disabled {
	color: #A8A497;
	text-decoration: underline;
}
#nav_page li a:hover {color: #ffffff;}
#nav_page #prev {border-right: 1px dotted #A8A497;}
#nav_page #top {float: right;}
/* Area Contenuti */
#content {
	background: #EDECDA url(pic/content.png) repeat-y;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}
#content a {color: #B20E1A;}
#content a:hover {
	color: #FFFFFF;
	background: #B20E1A;
}
/* Gestione News */
#content_main {
	width: 510px;
	min-height: 650px; 
	height: auto !important; 
	height: 650px; 
	padding: 75px 15px 0px;
}
#content_main h1 {
  	position: absolute;
  	top: 25px;
  	left: 15px;
  	width: 510px;
  	height: 50px;
}
#content_main h2 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 15px 0px 5px;
	margin-top: 10px;
}
#content_main h3 {
  color: #000000;
  margin-top: 10px;
  font-size: 12px;
	font-weight: bold;
}
#content_main h2 a, #content_main h3 a {color: #000000;} 
#content_main h2 a:hover, #content_main h3 a:hover {background: #B20E1A;}
#content_main p {text-align: justify;}
#content_main p a, #content_main li a {font-weight: bold;}
#content_main img {
  border: #E0DBC9 5px solid;
  margin-bottom: 5px;
}
#content_main img.news {
  float:left;
  margin: 5px 10px 5px 0px;
}
#content_main img.thumb {
  float: right;
  margin: 5px 0px 0px 10px;
}
#content_main ul.details {margin: 10px 0px;}
#content_main ul.details li {
  background: transparent url(pic/bullet.png) no-repeat 0px 0px;
  padding: 0px 0px 5px 15px;
}
#content_main .tag {margin-bottom: 10px;}
#content_main .tag, #content_main .inside, #content_main .tag a {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
#content_main .tag a:hover, #content_main .inside:hover {color: #FFFFFF;}
#content_main .date {
  font-style: italic;
  text-transform: capitalize;
}
/* Contenuti Secondari */
#content_sub {
	width: 230px;
	float:right;
	background: url(pic/content.sub.png) no-repeat 0px -80px;
	padding: 95px 0px 35px 0px;
}
#content_sub div {padding-bottom: 10px;}
#content_sub h4 {
	background: url(pic/h3.png) no-repeat 15px center;
	border-bottom: 1px solid #000000;
	color: #000000;
	font-size: 14px;
	padding: 5px 5px 5px 35px;
}
#content_sub #books ul {padding: 5px 15px;}

/* Tag Cloud */
#content_sub #cloud ul {padding: 5px 15px;}
#content_sub #cloud li {display: inline-block;}
#content_sub #cloud li a {
	color: #000000;
	padding: 2px;
	text-decoration: none;
}
#content_sub #cloud li a:hover {
	color: #FFFFFF;
	background: #B20E1A;
}
/* Informazioni sul sito */
#site_info {padding-bottom: 60px;}
#site_info div {background: #000000;}
#site_info p {
	padding: 5px 15px;
	margin-bottom: 0px;
	font-size: 9px;
}
#site_info p, #site_info a {color: #748C94;}
#site_info a:hover {color: #FFFFFF; }
#site_info a.external:hover {background: transparent url(pic/external.gif) no-repeat right center!important;}
#site_info a[href="http://www.smartpixel.it"] {
	background: url(pic/smartpixel.png) no-repeat;
	padding: 2px 0px 2px 20px;
}
#site_info a[href="http://www.smartpixel.it/demo/"] {
	background: url(pic/smartpress.png) no-repeat 0px 0px;
	display: block;
	height: 64px;
	width: 64px;
	position: absolute;
	top: -70px;
	right: 5px;
}
#site_info a[href="http://www.smartpixel.it/demo/"]:hover {background: url(pic/smartpress.png) no-repeat 0px -64px;}

