/**
 * Progetto		Tecnoingros.net
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		13-09-2008
 * 
 * Definizioni della sezione Content del documento.
 * Contiene le definizioni per le principali formattazioni testuali.
 *
 */



/**
 * ***********************************************
 * TIPOGRAFICA
 * ***********************************************
 */






/**
 * CONTENUTO TESTUALE GENERICO.
 */
div.text_box {
	margin: 15px 15px 15px 10px;
	font-size:0.7em;
	padding: 0 15px 0 15px;
}
div.text_box h1 {
	margin:0;
}
div.text_box h2 {
	margin:0 0 15px 0;
	color:#666;
}
/**
 * CONTENUTO EVIDENZIATO
 */
div.text_news {
	margin: 15px 15px 15px 10px;
	font-size:0.7em;
	
	background:#f7ffd7;
	padding: 10px 15px 10px 15px;
}
div.text_news h1 {
	font-size: 1.5em;
	margin:0;
}
div.text_news h2 {
	font-size: 1.2em;
	margin:0 0 15px 0;
	color:#666;
}
div.text_news p {
	margin: 0 0 10px 0;	
}




/**
 * ***********************************************
 * LOGIN BOX
 * Fascia di login con box di immagine e form
 * ***********************************************
 */
.login_box {
	position:				relative;
	
	display:				block;
	width:					774px;
	height:					173px;
	overflow:				hidden;
	
	margin:					1px;
	
	background:				url(tecnoingros/login_box.jpg) top right no-repeat;
	
	font-size:				11px;
}
.login_box * {
	position:				absolute;
}
.login_box span {
	position:				absolute;
	top:					0;
	left:					0;
	
	display:				block;
	width:					479px;
	height:					173px;
	overflow:				hidden;
	
	background:				url(tecnoingros/login_background.jpg);
}
.login_box h2 {
	
	top:					30px;
	left:					500px;
	
	font-size:				14px;
	font-weight:			normal;
	color:					#388DC3;
}
.login_box p {
	top:					60px;
	left:					500px;
}
.login_box p * {
	position:				relative;
}
.login_box p label {
	display:				block;
	width:					90px;
	padding-right:			5px;
	overflow:				hidden;
	text-align:				right;
	float:					left;
}
.login_box p.usr input, .login_box p.pwd input {
	border:					1px solid #555;
	background:				#fff;
	width:					150px;
	float:					left;
}
.login_box p.sub input {
	right:0px;
}

.login_box p.pwd {
	top:					83px;
}
.login_box p.sub {
	top:					110px;
	left:					auto;
	right:					30px;
}
/* Box notifica errore di login. */
.login_box .notify {
	top:60px;
	left:20px;
	
	display:block;
	width:390px;
	border:4px solid #900;
	background:#fff;
	padding:20px;
	text-align:center;
	
	font-weight:bold;
	color:red;
}
.login_box .notify * {
	position:relative;	
}

/**
 * Variazione del box di login nella colonna destra.
 */
.cright .login_box {
	width:246px;
	overflow:hidden;
	background: url(tecnoingros/login_box_cright.jpg);
}
.cright .login_box span {
	display:none;
}
.cright .login_box h2, .cright .login_box p {
	left:10px;
}
.cright .login_box p.usr input, .cright .login_box p.pwd input {
	width:120px;
}
.cright .login_box p.sub input {
	left:165px;
}

/**
 * Caratteristiche del login box con l'utente loggato.
 */
.login_box .logged_name {
	top:20px;
	left:500px;
	font-weight:bold;
	font-size:10pt;
}
.login_box .logged_actions {
	top:50px;
	left:500px;
}
.login_box .logged_actions * {
	position:relative;
	color:black;	
}
.cright .login_box .logged_name { left:10px; }
.cright .login_box .logged_actions { left:10px; }





/**
 * ***********************************************
 * RED BOX
 * Box rosso a contenuto arbitrario.
 * Allineamento in floating left. Ce ne stanno 4 affiancati nella pagina.
 * ***********************************************
 */
div.red_box {
	position:				relative;
	
	display:				block;
	width:					192px;
	height:					163px;
	
	overflow:				hidden;
	float:					left;
	
	margin:					1px;
	
	background-image:		url(tecnoingros/red_box.jpg);
	
	font-family:			Arial;
	font-size:				12px;
}
/* Titolo del box */
div.red_box h1, div.red_box h2, div.red_box h3, div.red_box h4, div.red_box h5, div.red_box h6 {
	position:				absolute;
	top:					10px;
	left:					10px;
	
	display:				block;
	width:					170px;
	height:					20px;
	overflow:				hidden;
	
	margin:					0;
	font-size:				18px;
	color:					#333;
}
div.red_box h1 span, div.red_box h2 span, div.red_box h3 span, div.red_box h4 span, div.red_box h5 span, div.red_box h6 span {
	color:					#eee;
}
/* Box di testo come contenuto. */
div.red_box div.txt, div.red_box div.desc {
	position:				absolute;
	top:					35px;
	left:					10px;
	
	display:				block;
	width:					170px;
	height:					95px;
	overflow:				auto;
	
	color:					#fff;
}
div.red_box div.txt *, div.red_box div.desc * {
	margin:					0;
}
div.red_box div.txt p {
	margin-bottom:			10px;
}
/* Immagine nel box e ridefinizione della posizione della descrizione immagine. */
div.red_box img {
	border:					none;
}
div.red_box div.image {
	position:				absolute;
	top:					35px;
	left:					10px;
	
	display:				block;
	width:					170px;
	height:					61px;
	overflow:				hidden;
	
	text-align:				center;
}
div.red_box div.big_image {
	position:				absolute;
	top:					35px;
	left:					10px;
	
	display:				block;
	width:					170px;
	height:					90px;
	overflow:				hidden;
	
	text-align:				center;
}
div.red_box div.desc {
	top:					100px;
	height:					28px;
	overflow:				hidden;
	
}
/* Link di approfondimento. */
div.red_box div.link {
	position:				absolute;
	bottom:					3px;
	right:					5px;
	
	display:				block;
	width:					180px;
	height:					20px;
	overflow:				hidden;
	
	text-align:				right;
}
div.red_box div.link a {
	color:					#F8BC44;
	text-decoration:		none;
}
div.red_box div.link a:hover {
	text-decoration:		underline;
}





/**
 * ***********************************************
 * BIG BOX
 * Box giallo a contenuto arbitrario.
 * Allineamento in floating left. Ce ne stanno 3 affiancati nella pagina.
 * ***********************************************
 */
div.big_box {
	position:				relative;
	
	display:				block;
	width:					256px;
	height:					207px;
	overflow:				hidden;
	
	overflow:				hidden;
	float:					left;
	
	margin:					1px;
	
	background-image:		url(tecnoingros/ybox.jpg);
	
	font-family:			Arial;
	font-size:				12px;
}
/* Titolo del box */
div.big_box h1, div.big_box h2, div.big_box h3, div.big_box h4, div.big_box h5, div.big_box h6 {
	position:				absolute;
	top:					10px;
	left:					10px;
	
	display:				block;
	width:					215px;
	height:					20px;
	overflow:				hidden;
	
	margin:					0;
	font-size:				15px;
	color:					#333;
}
div.big_box h1 span, div.big_box h2 span, div.big_box h3 span, div.big_box h4 span, div.big_box h5 span, div.big_box h6 span {
	color:					#D75010;
}
/* Box di testo come contenuto. */
div.big_box div.txt {
	position:				absolute;
	top:					35px;
	left:					10px;
	
	display:				block;
	width:					235px;
	height:					160px;
	overflow:				auto;
	padding-right:5px;
	
	color:					#444;
}
div.big_box div.txt * {
	margin:					0;
}
div.big_box div.txt p {
	margin-bottom:			10px;
	text-align:				justify;
	padding-right:			5px;
}
div.big_box a {
	color:					#D75010;
	text-decoration:		none;
}
div.big_box a:hover {
	text-decoration:		underline;
}
/* Approfondimento del contenuto come elemento di elenco news. */
div.big_box div.txt div.newsItem {
	position:				relative;
	margin:					0 0 15px 0;	
}
div.big_box div.txt div.newsItem * {
	position:				relative;
	margin:					0;
	padding:				0;
	top:					auto;
	left:					auto;
	height:					auto;
	
	font-size:				11px;
}
div.big_box div.txt div.newsItem h4, div.big_box div.txt div.newsItem h4 a {
	color:					#990100;
}
div.big_box div.txt div.newsItem div.abstract a {
	color:					#444;
}
div.big_box div.txt div.newsItem div.link {
	text-align:				right;
	color:					#388DC3;
}
div.big_box div.txt div.newsItem div.link a {
	color:					#388DC3;
}





/**
 * ***********************************************
 * CONTACT FORM
 * Form di contatto standard.
 * ***********************************************
 */
.contact_form {
	margin:15px;
	font-size:0.7em;
}
.contact_form div {
	display:block;
	margin-bottom:15px;
	
	background:#eee;
	padding:5px;
}
.contact_form label {
	display:block;
	margin-bottom:4px;
	padding-left:5px;
	
	font-size:0.9em;
	font-weight:bold;
	color:#333;
	border-left:14px solid orange;
}
.contact_form input.txt,
.contact_form textarea.txt {
	border:1px solid #666;
	margin-left:20px;
	padding:1px;
	
	font-size:10px;
	font-weight:bold;
	font-family:tahoma;
	color:#666;
	letter-spacing:1px;
}
.contact_form select {
	margin-left:20px;
}
.contact_form input.form_error,
.contact_form textarea.form_error {
	border:1px solid #900;
	color:#900;
}
.contact_form .error_message {
	margin-left:20px;
	
	color:red;
	font-weight:bold;
}



/**
 * Tasto "back" utilizzato nell'archivio prodotti.
 */
a.back {
	display:block;
	margin: 10px;
	border:1px solid #82b67e;
	background:#c4e2c2;
	padding:5px;
	
	color:black;
	text-decoration:none;
}
a.back:hover {
	text-decoration: underline;
}