/*********************************************
   AUTHOR:		GILBO : Gilberti Marco
   WEBSITE:	http://www.gnothisauton.it/
   palette:		http://slayeroffice.com/tools/color_palette/?hex=A76929
 *********************************************/ 
 
 /* 
ESEMPIO:
h1 {margin: 10px 2%}
top and bottom margin will be 10px, left and right margin will be 2% of the total width of the document.
*/
 
body {
	/** background: #110b04 url(/media/images/background02.png) repeat;  **/
	background-color: #E9D9C9;
	clear: both;
	padding: 0;	
	top: 80px ;
	display: block;
	text-align: left;
	width: 100%; 
	margin: 2px 0px ;	
	font: 0.7em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	text-align: left;
}


img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}


img {
	border: 0px solid #CCC;
}

a img {  
  border: 0px ;
}

a:hover img {  
  border: 0px solid #CCC !important; /* IE fix*/
  border: 0px solid #568EB6;
}

img.flickr {
	border: 1px #1A9A29;
	text-align: center;
	width: 95%;
}

/* headers */
h1, h2, h3{
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #1A9A29;	
}
h1 { font-size: 1.8em; } 
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
h4 { font-size: 0.8em; text-transform:uppercase;}
h5 { font-size: 0.6em; }


p, h1, h2, h3, firma, news {
	margin: 3px 3px;
	margin-top: 0; margin-bottom: 0;
}

p {
	font-size: 1.5em;
}

/* 	HEADER	---------------------------------------------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	height: 82px;	
	display: block;
	margin: 2px 3px 8px 3px;
}

#header .flag {
	position: relative;
	float: right;
	top: 50px;
	right: 10px;
	padding: 3px;
}

#header img#headerback , img#headerbackMask {
	position: absolute;
	left: 0px;
	top: 2px;
	Height: 82px;
	width: 100%;
}

#header img#logo {
	position: absolute;
	margin: 0; padding: 0;
	top: 3px; left: 5px;	
}


#header a:hover{  
  border: 0px solid #CCC !important; /* IE fix*/
  border: 0px solid #568EB6;
  	background: #FfFAFA;
		text-decoration: none; 

}

#header img#scritta {
	position: absolute;
	left: 100px;
	top: 4px ; 	
}

#header img#login {
	position: absolute;
	float: right;
	margin: 0; padding: 0;
	top: 3px; right: 20px;	
}

#header img#title {
	position: absolute;
	margin: 0; padding: 0;
	top: 0; left: 5px;	
}

#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	text-transform: lowercase;
	top: 5px; left: 5px;	
}
#header h2#slogan {
	position: absolute;	 
	top:37px; left: 95px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none;	
}

#header a#log-in {
	position: absolute;
	top: 5px; right: 5px;	
}

#header a#user {
	position: absolute;
	top: 2px; right: 5px;
	float: right;
	margin: 0; padding: 0;
}

#header a {
   margin:0;
   padding:0;
   text-decoration:none;
   color: #8DC880;
   font-family: Verdana,Arial, Helvetica, sans-serif;
}

#header p {
   margin:0;
   padding:0 0 0 0;
   text-decoration:none;
   color: #1A9A29;
   font-family: Verdana,Arial, Helvetica, sans-serif;
}


#log-in {
	background: rgba(141,200,128,0.5);
	position: absolute;
	top: 5px; right: 5px; 
	float: right;
	margin: 0px ;
	padding: 2px ;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 90%;
	float: right;
	text-align: right;
}

#log-in a{
/*	position: absolute;		*/
	top: 2px; right: 5px;
	float: right;
	color: #fff;
	margin: 0pt ;
	padding: 0pt ;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 90%;
	float: right;
	text-align: right;
}

/* id meteo */
#meteo	{
	text-decoration: none; 
	color: #000;
	font-size: 1.1em;
}

#sidebar a:hover  {
	background: #f2f2f2;
}


#myframe {
	/* utilizzato da iFrame */
	float: right;
	width: 100% ; 
}

/* links */
a { 
	color: #4284B0;
	background-color: inherit;
	text-decoration: none;
}

a:hover {
	color: inherit;
	background-color: inherit;
}


h4 {
	margin: 0px 0px;
	margin-top: 0; margin-bottom: 0;
}


.TitoloRiquadro { 
	font-size: 1.0em; 
	color: #1A9A29;
	margin: 0px 0px;
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
}

/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.myinputstyle {
	border: 1px solid #F0F0F0;
	/** remember to change image path **/
	background: #BFE0B6;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 9px;
	color: #454743;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 9px;
	color: #dedede;
}

.myinputstyle:hover {
	border: 1px solid #FF0000;
	/** remember to change image path f6f0e9**/
	background: #f6f0e9;
	color: #454743;
}

.myinputstyle:focus {
	border: 1px solid #1A9A29;
	/** remember to change image path **/
	background: #ffffff;
	color: #454743;
}

/*********************************************************************
				  LAYOUT
**********************************************************************/
.button{
	padding: 0px;
	border:1px solid #BFE0B6;
	font: normal 1em Verdana, sans-serif;
	background:#666666;
}

.button:hover{
	padding: 0px;
	border:1px solid #F0F0F0;
	font: normal 1em Verdana, sans-serif;
	background:#FFF;
}

.square {
	border: 2px solid #54ac40;
	width: 30px;
}

.square a:hover{
	border: 2px solid #000630;
	width: 30px;
}

/* ::::: CLASS ::::: */

.photo {
	margin: 4px; padding: 5px;
	border: 1px solid #CCC;
}


.detail {
	position: relative;
	top: 0px; right: 5px;
	float: right;
}

.news {
	color: #000;
	font: 1.4em Arial narrow,Times New Roman,Serif; 
	text-align: left;
	margin: 3px;
}

.fonte {
	color: #294323;
	font: 0.8em Arial,Serif; 
	text-align: right;
}


.meteo{
	color: #4084B0;
	font: 1em Arial narrow,Arial; 
	padding: 0; margin:0;
}

.news a {  
	font: 0.8em  Arial Narrow,Tahoma, Verdana,Helvetica, sans-serif;
	color: #000; 
	text-decoration: none;
}

.news a:hover {  
	background-color: #E9D9C9; 
}

.BoxEvidence {
  padding: 5px;
  float: left;
  margin: 4px;
  width: 180px;
  height: 180px;
  padding: 4px;
  border: 2px solid #D4B595;
  background: url(/media/images/background11.jpg) repeat;
  background-position: 90%;
  display: inline-block;
}

.BoxEvidenceTop {
  font-weight: bold;
  font: 1.5em Arial;
  color: #1A9A29;
  width: 180px;
  text-align:center;
  MARGIN-top: -2px;
 background: #D4B595; 
}

.BoxEvidenceBottom {
  font: 1.1em Arial;
  color: #000;
  width: 180px;
  text-align:justify;
  padding-top: 0px;
  background: url(/media/images/background11.jpg) repeat; 
}

.BoxEvidenceBottom  img{
	margin: 2px;
	float: left;
	width: 40px;
	border: 1px solid #000; 
}



/* form elements */
form {
	margin:2px; padding: 0;
	border: 0px solid #f2f2f2; 
}

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}




/* 	Footer	---------------------------------------------------------------------------------------------------------------------------------- */
#footer { 
	clear: both; 
	display: block;
	padding: 0px; 
	margin-top: 10px;
	height: 40px;	  
	font-size: .8em	;		
	color: #D4B595; 
	background: #543515; /** old 2A1A0A **/
	border-top: 3px solid #BD8F5F; /** old 543515 **/
}

#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #E9D9C9;
}

#footer .footer-left{
	float: left;
	width: 50%;
}

#footer .footer-right{
	float: right;
	width: 50%;	
}

.align-right{
	float: right;
}



/* 	RoundBox	---------------------------------------------------------------------------------------------------------------------------------- */
.RoundBox{
	background: #D4B595;				
	width: 95%;
	padding: 0;
	margin:5px 5px 5px 5px;	
	margin-top: 0; margin-bottom: 0;
}

.RoundBoxMain{
	background: #F8F1EA;				
	width: 100%;
	padding: 0; 
	margin: 2px 2px 2px 2px;	
	margin-top: 0; margin-bottom: 0;
}


/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */

.rtop, .rbottom{background: #E9D9C9;}	/* BackgroundBody */
.rtop .r0, .rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r0, .rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4{background: #D4B595;}	/* RoundBox */

.mtop, .mbottom{background: #E9D9C9;}
.mtop .m0, .mtop .m1, .mtop .m2, .mtop .m3, .mtop .m4,
.mbottom .m0, .mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4{background: #F8F1EA;}


/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom, .mtop, .mbottom{display: block}

.rtop .r0, .rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r0, .rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4,
.mtop .m0, .mtop .m1, .mtop .m2, .mtop .m3, .mtop .m4,
.mbottom .m0, .mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4
{ display: block;
  height: 1px;
  overflow: hidden; 
}

.r0, .m0{margin: 0 6px}
.r1, .m1{margin: 0 4px}
.r2, .m2{margin: 0 3px}
.r3, .m3{margin: 0 2px}

.rtop .r4, .rbottom .r4, .mtop .m4, .mbottom .m4
{ margin: 0px 1px;
  height: 2px
}