
/* ====================================================================
 *
 * 		@info: 	CSS stylesheet of www.sguardi.info whole portal
 *
 *		@author: 	Daniele Fanni
 *   	@company: 	AMSTUDIOROMA
 *
 * 		@date: 		08/03/2006
 *
 * 	  P L E A S E   K E E P   S E A   T U R T L E   A L I V E ! ! !
 *
 * ==================================================================== */




	/********************************************************************************
	 * ############################################################################ *
	 * #																		  # *
	 * #					H T M L   T A G S   S T Y L I N G     				  # *
	 * #																		  # *
	 * ############################################################################ *
	 ********************************************************************************/


	/* ***********************    10/03/2006    ************************* *
	 *
	 *								<BODY>
	 *
	 * ****************************************************************** */

BODY {
	font-family: Verdana, "Century Gothic", Arial, "MS Sans Serif";
	font-size: small;
	font-weight:500;
	background-color: #f6f7f6;
	padding: 2%;
	margin-top:-15px;
	margin-bottom:50px;

	vertical-align: middle;
	color: #333333;

}

	/* ***********************    10/03/2006    ************************* *
	 *
	 *								<TABLE>
	 *
	 * ****************************************************************** */

TABLE {
	text-align: center;
	border: none;
}

THEAD {
	background-color: #dadbda;
	border: none;
	padding: 0;
	margin:0;
}

TR {
	border: none;
	border-spacing: 0;
	padding: 0;
}


	/* ***********************    10/03/2006    ************************* *
	 *
	 *								<IMG>
	 *
	 * ****************************************************************** */

IMG {
	border: solid 1px;
	border-color: #dadbda;
}


	/* ***********************    10/03/2006    ************************* *
	 *
	 *							  <FIELDSET>
	 *
	 * ****************************************************************** */

FIELDSET {
	width: 85%;
	line-height: 200%;
	border-color: #dadbda;
	border-style:solid;
	border-width:1px;
	background-color: #f6f7f6;
}

FIELDSET LEGEND {
	color: #333333;
}

FIELDSET INPUT {
border:none;
}

INPUT {
border:none;
}

FIELDSET TEXTAREA {
  font-family:Verdana;
  font-size:8pt;
  border-color:#dadbda;
  border-style:solid;
  border-width:1px;

}

FIELDSET INPUT {
  font-family:Verdana;
  font-size:8pt;
  border-color:#dadbda;
  border-style:solid;
  border-width:1px;

}

FIELDSET SELECT {
  font-family:Verdana;
  font-size:8pt;
  border-color:#dadbda;
  border-style:solid;
  border-width:1px;

}
	/* ***********************    10/03/2006    ************************* *
	 *
	 *							  <SELECT>
	 *
	 * ****************************************************************** */

SELECT {
	border-color: #dadbda;
	border-style:solid;
	border-width:1px;
}

INPUT {
	border-color: #dadbda;
	border-style:solid;
	border-width:1px;
}

TEXTAREA {
	border-color: #dadbda;
	border-style:solid;
	border-width:1px;
}

	/* ***********************    10/03/2006    ************************* *
	 *
	 *								 <A>
	 *
	 * ****************************************************************** */

A {
	cursor: pointer;
	font-weight:400;
}

A:link {
	COLOR: #484E4C;
}

A:visited {
	COLOR: #484E4C;
}
A:active {
	COLOR: #484E4C;
}


	/* ***********************    10/03/2006    ************************* *
	 *
	 *							 <H1> <H2> ...
	 *
	 * ****************************************************************** */

h1, h2, h3, h4 {
	font-family: Arial, "MS Sans Serif";
}

h1 {
	FONT-SIZE: 16px;
	font-style:italic;
	padding-top:15px;
	padding-bottom:5px;
	vertical-align:top;
	letter-spacing:0.1em;
}
h2 {
	FONT-SIZE: 14px;
	padding-top: 10px;
	padding-bottom:5px;
}
h3 {
	FONT-SIZE: 13px;
	font-weight: normal;
	padding: 1px;
}
h4 {
	FONT-SIZE: 12px;
	font-weight: normal;
	padding: 0px;
}

	/* ***********************    10/03/2006    ************************* *
	 *
	 *								<P>
	 *
	 * ****************************************************************** */

p {
	FONT-SIZE: 11px;
	text-align:justify;
}


	/********************************************************************************
	 * ############################################################################ *
	 * #																		  # *
	 * #			C S S   C L A S S E S   D E C L A R A T I O N    			  # *
	 * #																		  # *
	 * ############################################################################ *
	 ********************************************************************************/

	/* ***********************    22/05/2006    ************************* *
	 *
	 *								article
	 *
	 * ****************************************************************** */

div.article {
	width: 580px;
	margin-bottom: 10px;
	margin-top: 10px;
}

div.article p{
	margin :5px 10px;
	padding: 0;
	padding-top:10px;
	text-align:left;
}

div.article p.middle{
	vertical-align:middle;
}

div.article p.center{
	text-align:center;
}

div.article p.sx{
	text-align:left;
}

div.article p.dx{
	text-align:right;
}

div.article p.justify{
	text-align:justify;
}

div.article p.caption{
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
}

div.article img.sx{
	float :left;
	azimuth:left;
	margin: 10px;
}

div.article img.dx{
	float :right;
	azimuth:right;
	margin: 10px;
}

div.article ul{
	margin: 15px;
	list-style:outside;
	font-size:10px;
	text-align:left;
	line-height:1.5em;
}

div.article ul li{
	margin-bottom:6px;
}


	/* ***********************    10/03/2006    ************************* *
	 *
	 *							 	staff
	 *
	 * ****************************************************************** */

div.block_staff {
	margin-top: 60px;
	width:76%;
	margin-left:10%;
}

div.aboutus p{
	text-align:center;
}

div.staff_box {
	margin: 10px;
	margin-bottom: 30px;
	border-top:  solid 2px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #dadbda;
}

div.staff_box img{
	float:right;
	margin: 10px;
}

div.staff_box p{
	margin: 10px;
}


	/* ***********************    22/05/2006    ************************* *
	 *
	 *							index.html
	 *
	 * ****************************************************************** */

.index {
	background-color: #f6f6f6;
	vertical-align:middle;
	margin-left:15%;
	width:70%;
}

.index table.intro {
	vertical-align:middle;
	margin:10px;
	margin-top:30px;

	border-bottom:thin dotted;

}

.index table.intro td {
	vertical-align:top;
	padding:35px;
	padding-bottom:10px;
	width:50%;
}

.index table.intro span {
	padding:2px;
}

.index table.intro h2 {
	font-family: Verdana, "Century Gothic", Arial, "MS Sans Serif";
	font-weight:normal;
	font-size:11px;
	text-align:left;

	padding:3px;
	border-top:thin dotted;
}

.index table.intro h2.right {
	text-align:right;
}

a.lang {
	width:100%;
	text-align:center;
	margin:10px;
}

	/* ***********************    22/05/2006    ************************* *
	 *
	 *							insert article
	 *
	 * ****************************************************************** */

div.art_class {
	width:80%;
	height:200px;
	margin-left:10%;
	margin-top:80px;
}

div.art_class div{
	margin-top:30px;
}

	/* ***********************    10/03/2006    ************************* *
	 *
	 *							 	search
	 *
	 * ****************************************************************** */

.res_table {

	width:90%;
	background-color: #f6f7f6;

	FONT-SIZE: 11px;
	border:  #dadbda solid 1px;
	padding-left: 5px;
	padding-right: 5px;

	margin-top: 5px;
	margin-bottom: 10px;
}

.res_head.res_head td{
	border-bottom:  #d12024 dotted 1px;
	font-weight:bold;
	font-stretch:extra-expanded;
	letter-spacing:0.6em;
	font-variant:small-caps;
	font-size:13px;

}

.res_table td {
	padding-left: 2px;
	padding-right: 5px;
	padding-top: 2px;
}

	/* ***********************    10/03/2006    ************************* *
	 *
	 *							   ob_details
	 *
	 * ****************************************************************** */


div.ob_details {
	width:90%;
	background-color: #f6f7f6;
	border:  #dadbda solid 1px;
	margin-left:4%;
	padding:6px;
	margin-top:50px;
}

div.ob_details h2.ob_title {
	border-bottom:  #d12024 dotted 1px;
	letter-spacing: 0.3em;
}

div.ob_details p{
	text-align:center;
}

div.ob_details table.ob_art {
	margin-top:30px;
}

div.ob_details table.ob_art td.ob_art_did {
	border-top: #d12024 dotted 1px;;
	border-bottom:  #dadbda dotted 1px;

	font-size:10px;
}

	/* ***********************    10/03/2006    ************************* *
	 *
	 *							   articles
	 *
	 * ****************************************************************** */

img.continue {
	cursor:pointer;
	border:none;
	vertical-align:middle;
}

input.continue {
	cursor:pointer;
	border:none;
}

div.snippet {
	vertical-align:top;
	min-width: 280px;
	max-width: 565px;
	/*align:center;*/
}


div.snippet img {
	position:static;
	margin-top:0px;
}


div.sniphead {
	height:40px;
}

.art_snippet {
	FONT-SIZE: 10px;
	text-align:justify;
	padding-left:7px;
	padding-right:7px;
}

h2.art_title {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #d12024;
	letter-spacing:0.15em;
	margin-top:15px;
	margin-bottom:0px;
}

a.art_title {
	text-decoration:none;
	color: #d12024;
	font-weight:bold;
	margin-top:15px;

}

h3.art_title {
	font-weight:bold;
	color: #d12024;
	letter-spacing:0.2em;
	margin-bottom:-10px;
	margin-top:0px;
	font-size:12px;
}

h3.art_subtitle {
	font-style: italic;
	font-size:12px;
	letter-spacing:0.1em;
}

.art_entry {
	font-size: 11px;
}

.article_pw_tit {
	background-color: #dadbda;
	font-size: 13px;
	font-weight:bold;
	width:100%;
}

.art_subtitle {
	font-style: italic;
}

IMG.link {
	cursor:pointer;
}

div.sn_info h3.art_subtitle {
	height: 40px;
}
	/* ***********************    10/03/2006    ************************* *
	 *
	 *							   articles Thumb
	 *
	 * ****************************************************************** */

div.art_thumb {
	height:130px;

	background-color:  #f6f7f6;
	font-size: 13px;
	font-weight:800;
	letter-spacing:0.3em;
	color: #1d2321;

	padding: 4px;
	padding-top:10px;
	margin: 2px;

	border : solid 1px;
	border-color: #dadbda;
}

div.art_thumb h2.art_title {
	vertical-align:text-bottom;
	height:26px;
	font-size:11px;
	font-weight:bold;
	margin-top:	0px;
	margin-bottom: 0px;
}

div.art_thumb img.link {
	margin-top: 6px;
	vertical-align:bottom;
	margin-bottom: 6px;
}

div.art_minithumb {
	border-top: thin solid #1d2321;
	color: #1d2321;
	margin: 2px;
	border-color: #dadbda;
}

div.art_minithumb img {
	margin: 2px;
}

div.art_minithumb h2{
	font-size: 11px;
	font-weight:bold;
	letter-spacing:0em;
	margin-top:1px;
}

div.art_minithumb p{
	clear: both;
	font-size: 8.5px;
	letter-spacing:0em;
	margin-top:2px;
	font-weight:normal;
	text-align:right;
}

div.relart_thumb {
	height:130px;
	width:500px;

	font-size: 13px;

	padding: 4px;
	padding-top:6px;
	margin: 4px;
	margin-left: 40px;

	border : dotted 1px;
	border-color: #dadbda;
}

div.relart_thumb h2.art_title {
	vertical-align:text-bottom;
	height:14px;
	font-size:11px;
	font-weight:bold;
	margin-top:	0px;
	margin-bottom: 0px;
}

div.relart_thumb h3 {
	font-size:12px;
	font-style: italic;
}

div.relart_thumb p {
	font-size:11px;
	text-align:left;

}

div.relart_thumb img.link {
	vertical-align:bottom;
	float :left;
	margin: 6px;
}

div.sched {
	height:30px;
}
	/* ***********************    10/03/2006    ************************* *
	 *
	 *							 barra_subsect
	 *
	 * ****************************************************************** */

.barra_subsect {
	background-color: #f6f7f6;
	font-size: 13px;
	font-weight:800;
	letter-spacing:0.2em;
	color: #1d2321;

	border : solid 1px;
	border-color: #dadbda;
}


	/* ***********************    10/03/2006    ************************* *
	 *
	 *							   menu_sx
	 *
	 * ****************************************************************** */

.shoulder_sx  {
	background-color: #ffffff;
	width:120px;
	max-width:120px;
}

.shoulder_dx  {
	background-color: #ffffff;
	width:110px;
}

.shoulder_sx img {
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	border:none;
}

div.menu_sx {
	background-color:  #f6f7f6;
	font-weight:800;
	color: #1d2321;

	border : solid 1px;
	border-color: #dadbda;

	margin:0px;
	margin-bottom:10px;
}

div.menu_sx div.menu_list {
	text-align:left;
	padding-left:6px;
	font-size: 11px;
	line-height:1.3em;
	margin-bottom:16px;
}

div.menu_sx div.menu_list p{
	text-align:left;
	padding-left:6px;
	font-size: 10px;
	font-style:oblique;
	font-weight:lighter;
	line-height:1em;
	margin-bottom:6px;
	margin-top:3px;
}

div.menu_sx div.menu_list a.mssect{
	font-size: 10px;
	color: #d12024;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	padding-left:2px;
	margin-top:6px;
}

div.menu_sx div.head_menu{
	background-color:  #5e6261;
	color: #f6f7f6;

	font-size: 14px;
	font-family:Arial;
	letter-spacing:0.1em;
	font-weight:bold;

	border : solid 1px;
	border-color: #dadbda;

	margin-bottom:3px;
}

div.menu_sx input.radio {
border:none;
}
.menu_home h1 a{
	vertical-align:middle;
	font-weight:bold;
}

p.search {
font-size:9px;
text-align:right;
font-stretch:condensed;
font-weight:normal;
padding:0;
margin:0;
margin-bottom:4px;

}
	/* ***********************    10/03/2006    ************************* *
	 *
	 *							   whole portal
	 *
	 * ****************************************************************** */

h1.page_title {
	FONT-SIZE: 18px;
	font-style:italic;
	margin-top:15px;
	margin-bottom:10px;
	vertical-align:top;
	letter-spacing:0.15em;
}


#swf_sguardi {
	width:830px;
	height:125px;
}

.search_lnk {
	margin-left:25%;
	margin-right:6px;
	margin-top:20px;

	text-align:center;
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-top:solid 1px;
	border-color: #dadbda;
}

.search_lnk input{
	border:none;
	float:left;
	vertical-align:middle;
}

.search_lnk a {
	vertical-align:super;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0.1em;
}

.mainfoot {
	text-align:center;
	padding-bottom:10px;
	padding-top:6px;
	font-size:smaller;
	color: #e7e6e4;
	word-spacing: 5pt;
}

.main {
    background-color: #ffffff;
	width: 830px;
	vertical-align: middle;
	azimuth:center;
	border: none;
	border-spacing: 0;

	border-right :solid 1px;
	border-left  :solid 1px;
	border-bottom:solid 1px;
	border-color :#dadbda;

	border-top   :#d12024 solid 3px;

	padding:0;
}

p.bottomnote {
	text-align:center;
	font-size:10px;
	color:#323233;
}

p.note {
	font-size:9px;
	font-stretch:ultra-condensed;
	color:#606260;
}

table.fieldtable {
    background-color: #ffffff;
	vertical-align:top;

	border-right : solid 1px;
	border-bottom: solid 1px;
	border-left  : solid 1px;

	min-height:600px;
	max-width:600px;
	border-color: #dadbda;
	padding: 0;
}

table.fieldtable td{
	vertical-align:top;
}

table.separa {
	margin-top:70px;
	background-color: #808280;
	color:#f6f7f6;
	padding-bottom:0px;
}

table.separa p {
	text-align:center;
	color:#f6f7f6;
}


