@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* HTML5/CSS3 Gray Navigation Menu 
/* ----------------------------------------------------------------------
Version: 1.0
Author: Ixtendo
Author URI: http://www.ixtendo.com
License: MIT License
License URI: http://www.opensource.org/licenses/mit-license.php
------------------------------------------------------------------------- */



#navigation {
	top:-100px;
	left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #505e99;
/* 	color: #444; */
	position:relative;
}

#navigation:after {
	clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#navigation ul {	
	
	border-radius: 5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}

#navigation li {
	float:left;
	border-style: solid; 
	border-width: 1px;
    border-color: #BABABA #BABABA #BABABA #FFF;
	box-shadow: 0 1px rgba(255,255,255,1) inset;
	-webkit-box-shadow: 0 1px rgba(255,255,255,1) inset;
	
}

#navigation li:hover, #navigation li.current {
	box-shadow: 0 1px rgba(113, 162, 196,0.2) inset;
	-webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset;
	border-color: #71a2c4 !important;
	
	
}

#navigation a {
	display: block;
	padding: 10px 12px;
	color: #505e99;
	text-decoration: none;
	text-shadow: 0 1px #FFF;
}

#navigation a:hover, #navigation li.current a {
	color: #71a2c4;
	text-shadow: 0 1px #000;
}

#navigation li:first-child {
	border-left-color: #71a2c4;
	border-radius: 5px 0px 0px 5px;
}

#navigation li:last-child {
	border-radius: 0px 5px 5px 0px;
}

div#caixa {
background-color:#88A6BA;
width:700px;
height:700px;
border:10px solid #5F6B72;
-webkit-border-radius: 900px;
-moz-border-radius: 00px;
border-radius: 25px;
opacity:0.6;
filter:alpha(opacity=60);
position: relative;
left: 300px;

}

div#caixa2 {
background-color:#88A6BA;
width:700px;
height:410px;
border:10px solid #5F6B72;
-webkit-border-radius: 900px;
-moz-border-radius: 00px;
border-radius: 25px;
opacity:0.6;
filter:alpha(opacity=60);
position: relative;
left: 300px;


}

div#caixa1 {
background-color:#88A6BA;
width:710px;
height:700px;
border:10px solid #5F6B72;
-webkit-border-radius: 900px;
-moz-border-radius: 00px;
border-radius: 25px;
opacity:0.6;
filter:alpha(opacity=60);
position: relative;
left: 300px;

}
p#textoCaixa {
width:650px;
height:400px;
word-wrap: break-word;
text-align:justify;
position: relative;
left: 335px;
top:-600px;
}

h1#titulocaixa {

position: relative;
left: 620px;
top:-630px;

}