/* CSS Document */

body {
	margin:auto;
	background-image: url(img/background.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#001733;
	background-attachment: scroll;
	background-position: center;

}

#flash{
position: absolute;
z-index:10;
top:40px;
left:180px;

}

#wrap{
background-image: url(img/back2.png);
background-repeat:no-repeat;
width:1000px;
height:625px;
margin: 0 auto;
padding:0;
margin-top: 0px;

}

#wrap2{
background-image: url(img/back3.png);
width:1000px;
background-repeat:no-repeat;
height:1094px;
margin: 0 auto;
padding:0;
margin-top: 0px;

}

#wrap3{
background-image: url(img/back4.png);
width:1000px;
background-repeat:no-repeat;
height:720px;
margin: 0 auto;
padding:0;
margin-top: 0px;

}

#wrap4{
background-image: url(img/back5.png);
width:1000px;
background-repeat:no-repeat;
height:700px;
margin: 0 auto;
padding:0;
margin-top: 0px;

}


#wrap5{
background-image: url(img/back6.png);
width:1000px;
background-repeat:no-repeat;
height:700px;
margin: 0 auto;
padding:0;
margin-top: 0px;

}


#wrap6{
background-image: url(img/back7.png);
width:1000px;
background-repeat:no-repeat;
height:1000px;
margin: 0 auto;
padding:0;
margin-top: 0px;

}

.tail-top { background:url(img/topo.png) repeat-x }
.tail-top-right { background:url(img/topo.png) repeat-x right top; width:50%; position:absolute; right:0; top:0px; height:209px;
}


#menu{
display:block;
position:relative;
float:left;
top:45px;
height:37px;
width:675px;	
font-size:17px;
margin-left:355px;	
}

#menu ul{
display:block;
height:0px;
margin:0 auto;
	
}

#menu ul 
li{
	float:left;
	padding-right: 12px;
	padding-left: 5px;
	display:block;
	list-style-type:none;

	
	

}


.links1 li a {background:url(img/weather1.png) 0px 0px no-repeat; text-decoration:none; padding-left:25px; color:white; }
.links1 li a:hover { background:url(img/sol2.png) 0px 0px no-repeat;  text-decoration:none; color:orange; }

h2{
	color:#18196c;
	font-weight:lighter;
	padding:12px 0px; 0px 0px;
	height:0px;
	width:250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}




#box{
float:left;	
font-size:12px;
width:230px;
height:150px;	
margin-left:165px;
margin-top:285px;
}

#box2{
float:left;	
font-size:12px;
width:230px;
height:150px;	
margin-left:10px;
margin-top:285px;
}

#box3{
float:left;	
font-size:12px;
width:230px;
height:150px;	
margin-left:10px;
margin-top:285px;
}

#box4{
	float:left;
	font-size:12px;
	width:700px;
	height:150px;
	margin-left:170px;
	margin-top:285px;
}

#box10{
	float:left;
	font-size:12px;
	width:400px;
	height:150px;
	margin-left:170px;
	margin-top:285px;
}

#box9{
	float:left;
	font-size:12px;
	width:300px;
	height:300px;
	margin-left:10px;
	margin-top:285px;
}




#box5{
font-size:12px;
width:700px;
float:left;	
height:200px;	
margin-left:170px;
margin-top:-45px;
}

#box6{
font-size:12px;
width:700px;
float:left;	
height:200px;	
margin-left:170px;
margin-top:-10px;
}

#box7{
font-size:12px;
width:700px;
float:left;	
height:200px;	
margin-left:170px;
margin-top:-35px;
}


.box8{
font-size:12px;
width:700px;
float:left;	
margin-left:170px;
margin-top:280px;
}

p{
	margin-left:2px;
	line-height:17px;
	
}

.bt_saiba{
float:right;


}

.bt {
	width:200px;
	height:0px;
	z-index:2;
	position:relative;
	top:0px;
	left:100px;
	float:left;
	


}
	
	#bt2 {
	width:200px;
	height:0px;
	z-index:2;
	position:relative;
	top:-930px;
	left:110px;

}

	#bt3 {
	width:200px;
	height:0px;
	z-index:2;
	position:relative;
	top:-625px;
	left:110px;

}

	#bt4 {
	width:200px;
	height:0px;
	z-index:2;
	position:relative;
	top:-805px;
	left:280px;

}



#creditos{

line-height:23px;
text-align:center;
margin-left:108px;
font-size:14px;
float:left;
color: #033A70;
	
}

#creditos_1{
float:right;
left:-10px;
text-align:right;
font-size:12px;	
color: #033A70;
	
}

a:hover.links2{
	color: #f16000;
}
a.links2{
	font-size:17px;
	text-decoration:none;
color:#000e4d;	
}



a:hover.links3{
	color: #033A70;
}
a.links3{
	font-size:14px;
	text-decoration:none;
color:#000e4d;	
}

#textos1{
width:1000px;
height:900px;
float:left;		
}

.logos{
padding:0px 0px 0px 20px;

}
#textos{
width:900px;
height:600px;
float:left;		
}

#footer{
	background:url(img/down2.png) repeat-x white;

	position: absolute;
	margin-bottom:0px;
	width: 100%;
	height: 280px;
	z-index:-2;
	


	
}

#ident{
width:800px;
float:left;
margin-top:20px;


}

#ident1{
width:885px;
margin-top:265px;
float:left;
}

#ident2{
width:885px;
margin-top:95px;
float:left;
}



#ident3{
width:885px;
margin-top:170px;
float:left;
}




#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
	background:url(2.png);
	background-repeat:no-repeat;
width: 50px; /*Default width of hint.*/ 
height:100px;
padding: 32px 150px 10px 4px;
font:  normal  12px tahoma;
text-align:center;
color:#217faa;
line-height:18px;
z-index:100;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/

color: navy;
margin: 3px 8px;


}


#cold{
position:absolute;
left:0;
top:0;
z-index:1;
}


strong{
color:	#18196c;
}