/*********************************************
   AUTHOR:		GILBO : Gilberti Marco
   WEBSITE:	http://www.gnothisauton.it/
   palette:		http://slayeroffice.com/tools/color_palette/?hex=A76929
 *********************************************/ 
/*
6CDEF5
91E7F8
B6EFFB
DAF7FC
F1FCFF	<- chiaro
5CBDD0
51A7B8
366F7B
1B383D
0B1619
http://slayeroffice.com/tools/color_palette/?hex=FA882B


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;  **/
	color: #F1FCFF; 
	background: #1B383D ; /* url(/media/images/background02.png) repeat; */
	clear: both;
	padding: 0;	
	top: 80px ;
	display: block;
	text-align: left;
	width: 100%; 
	margin: 0px 0px ;	
	font: .70em/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;
}

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 Verdana, Tahoma, Arial, Sans-serif;
	margin: 3px 3px;
	margin-top: 0; margin-bottom: 0;
}

h1 { font-size: 1.6em; color: #91E7F8; } 
h2 { font-size: 1.2em; color: #366F7B; text-transform:uppercase;}
h3 { font-size: 1.1em; color: #91E7F8;}

h10 { font: .6em/.7em  Verdana, Tahoma, Helvetica, sans-serif;
	margin-top: -1; margin-bottom: 0;
	}

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

/* 	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 {
	position: absolute;
	top: 2px; right: 5px;
	float: right;
	margin: 0pt ;
	padding: 0pt ;
	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;
}


#Main{
	background: #366f7b;	

}

/* 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% ; 
	margin:0;
	padding:0;
}



/* links */
a { 
	color: #6CDEF5;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #91E7F8;
	background-color: #51A7B8;
}



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;
}


img {
	border: 0px solid #CCC;
}






/** 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:hover{
	border: 2px solid #9EC630;
	width: 30px;
}

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

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


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

.news {
	color: #000;
	font: 0.8em Arial,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: 1.1em  Tahoma, Verdana,Helvetica, sans-serif;
	color: #000; 
	text-decoration: none;
}

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

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

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

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

.BoxEvidenceBottom  img{
  padding: 3px;
  float: left;
  width: 50px;
}

table.print td {
	border-width: 1px 1px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: dashed dashed dashed dashed;
	border-color: gray gray gray gray;
	vertical-align: top;
}

/* 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: .9em	;		
	color: #FFF; 
	background: #0B1619;
	border-top: 3px solid #5CBDD0;
}


#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: #DAF7FC;		/* menu sx */		
	width: 95%;
	padding: 0px;
	margin:5px 5px 5px 5px;	
	margin-top: 0; margin-bottom: 0;
}

.RoundBoxMain{
	background: #366F7B;				
	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: #1B383D;}	/* deve essere = a BackgroundWrap */
.rtop .r0, .rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r0, .rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4{background: #DAF7FC;}	/* menu sx */

.mtop, .mbottom{background: #1B383D;}	/* deve essere = a BackgroundWrap */
.mtop .m0, .mtop .m1, .mtop .m2, .mtop .m3, .mtop .m4,
.mbottom .m0, .mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4{background: #366F7B;} /* main */


/* 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
}