* {
            margin:0px; padding:0px; color: darkblue;
        }
		body {
			background: rgb(208,228,247); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
			text-align:center;
		}
		#container {
			width:1280px; height: 1860px; margin:0 auto; text-align:center;
		}
        #titol {
			border :2px double blue; width:1272px; height :102px; margin:auto; text-align :center; vertical-align :middle; background-image: url(../images/logo.jpg);
			font: "Comic Sans MS", arial, "San Serif"; font-weight: bold; font-size: 60px; color: rgba(65,105,225,.7); letter-spacing: 18px;
			text-shadow: 1px 1px rgba(0,0,128,.7),
			2px 2px rgba(0,0,128,.7),
			3px 3px rgba(0,0,128,.7),
			4px 4px rgba(0,0,128,.7),
			5px 5px rgba(0,0,128,.7);
			top:0px; left:0px; position:relative;
		}
		#menu { 		
			border :2px double blue; width:1100px; height :46px; text-align :center; vertical-align :middle; background-color: #dddddd; 
			color: #0000ff; font: "Comic Sans MS", arial, "San Serif"; font-size: 22px; margin: auto; position:relative; top:-20px; left:0px; bottom:0px;
			box-shadow: 4px 4px 2px 2px #242424;
         }
		  #sin {
			/*border: 2px double blue;*/ width:264px; text-align:center; vertical-align: top; backgroud-color: transparent; padding-top:3px;
			font: "Comic Sans MS", arial, "San Serif"; font-size: 16px; padding-right :6px; padding-left :0px;
			margin: 2px auto; float:left; position:relative; top:-12px; left:-2px; min-height:680;
         }
         #sinbox {
				width:265px; height: 536px; text-align:center; backgroud-color: transparent;
				font: "Comic Sans MS", arial, "San Serif"; font-size: 16px;
				margin: 0px auto; top:0px; position:relative; padding-left:5px;
         }
		 #sinbox a {
			 margin-left:0px;
		 }
		 #sinbox a img {
			 border :1px solid black;
			 box-shadow: 1px 1px 3px 3px blue;
		 }
		 #meteo {
			 margin-top:35px;
			 box-shadow: 1px 1px 3px 3px blue;
		 }
		 #sinbox1 {
				width:210px; height: 400px; text-align:center; backgroud-color: transparent; 
				font: "Comic Sans MS", arial, "San Serif"; font-size: 18px; 
				margin: 0px auto; top:60px; position:relative;
         }
		 #sinbox1 a:hover {
			 font-weight: bold;
			 font-size: 19px;
		 }
			#cent {
				/*border: 2px double blue;*/ width: 596px; text-align: center; vertical-align: top; background-color: transparent; padding-top:3px; padding-right: 4px;
             	font: "Comic Sans MS", arial, "San Serif"; font-size : 16px; margin: 2px auto;  position:relative; float:left; left: 4px; top:-12px; min-height:680;
         }
			#lat {
				/*border: 2px double blue;*/ width: 400px; text-align: center; vertical-align: top; background-color: transparent ;padding-top:3px;
             	padding-left:5px; font: "Comic Sans MS", arial, "San Serif"; font-size : 20px; margin: 2px auto; float: left; position:relative; left: 5px; top:-12px;
				min-height:680;		
         }
				#box {
					width: 590px; box-shadow: 1px 1px 3px 3px blue;
			  	}
				#maps {
					border: 2px solid blue; width: 391px; height: 290px; text-align: center; background-color: transparent ;
             		font: "Comic Sans MS", arial, "San Serif"; font-size : 18px; margin: 1 auto 2 auto; position: relative; 
					box-shadow: 1px 1px 3px 3px blue;
				}
				#sat {
					border: 2px solid blue; width: 391px; height: 336px; text-align: center; background-color: transparent ;
             		font: "Comic Sans MS", arial, "San Serif"; font-size : 16px; margin: 1 auto 2 auto; position: relative;
					box-shadow: 1px 1px 3px 3px blue;
				}
				.clear {
					clear: both;
				}
				footer {
					clear: both; width:1100px; height :48px; border-top: 1px solid #888; border-bottom: 1px solid #888; margin: 0 auto;
					padding-top: 14px;
				}
				#met {
					widht:300px;
					float: left;
					padding-left: 18px;
					padding-top: 9px;
				}
				#aut {
					background-color: #dddddd;
					height: 26px;
					padding-right: 18px;
					padding-top: 9px;
					widht:300px;
					text-align: right;
				}
				a:visited {
					color:darkblue;
				}
				a {
					text-decoration: none; 
				}
				.btn {
  background: #abdcfc;
  background-image: -webkit-linear-gradient(top, #abdcfc, #478eba);
  background-image: -moz-linear-gradient(top, #abdcfc, #478eba);
  background-image: -ms-linear-gradient(top, #abdcfc, #478eba);
  background-image: -o-linear-gradient(top, #abdcfc, #478eba);
  background-image: linear-gradient(to bottom, #abdcfc, #478eba);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  text-shadow: 1px 4px 5px #666666;
  -webkit-box-shadow: 4px 5px 3px #666666;
  -moz-box-shadow: 4px 5px 3px #666666;
  box-shadow: 4px 5px 3px #666666;
  font-family: Arial;
  color: #2e2c2e;
  font-size: 14px;
  padding: 10px 20px;
  text-decoration: none;
  position:relative;
  top:7px;
  width: 20px;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  /*text-decoration: none;*/
  font-size: 18px;
}