/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body { font: 14px Georgia, serif; }

article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

#page-wrap { width: 960px; margin: 50px 150px; }

body{ background-image: url(background5.jpg);
				 background-repeat: repeat;
				 position: relative;
				 
				 width: 1024px;
				 height: 768px;
				 
		    }

h1 { font: normal 32px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; margin: 0 0 15px 0; }

	.saas_texto {
		border-top-style: 0;
		border-right-style: 0;
		border-bottom-style: 0;
		border-left-style: 0;
		background-image: url(img/bg_w.png);
		padding: 20px;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 16px;
		line-height: 25px;
		text-align: justify;
}
	.saas_titulo {
		border-top-style: 0;
		border-right-style: 0;
		border-bottom-style: 0;
		border-left-style: 0;
		background-image: none;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		color: #006699;
		font-size: 30px;
		line-height: 40px;
		text-align: justify;
		font-weight: bold;
}
		.saas_subtitulo {
		border-top-style: 0;
		border-right-style: 0;
		border-bottom-style: 0;
		border-left-style: 0;
		background-image: none;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 21px;
		line-height: 20px;
		text-align: justify;
		
}
.plano2{
position: absolute;
top: 0px;
left: 0px;
visibility: hidden;
background: url("livro.jpg") repeat-y;
background-color: ;
width: 100%;
height: 100%;
z-index: 1;
}

.plano3{
visibility: hidden;
background: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
height: 400px;
width: 600px;
margin-top: -200px;
margin-left: -300px;
text-align: center;
padding: 5 5 5 5px;
border-style: solid;
border-width: 5px;
border-color: #1E679A;
z-index: 3;
}


		.breadcrumb { 
			list-style: none; 
			overflow: hidden; 
			font: 18px Helvetica, Arial, Sans-Serif;
		}
		.breadcrumb li { 
			float: left; 
		}
		.breadcrumb li a {
			color: white;
			text-decoration: none; 
			padding: 10px 0 10px 55px;
			background: blue;                   /* fallback color */
			background: hsla(190,85%,25%,1); 
			position: relative; 
			display: block;
			float: left;
		}
		.breadcrumb li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid hsla(190,85%,25%,1);
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
		}	
		.breadcrumb li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}	
		.breadcrumb li:first-child a {
			padding-left: 10px;
		}
		.breadcrumb li:nth-child(2) a       { background:        hsla(190,85%,35%,1); }
		.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(190,85%,35%,1); }
		.breadcrumb li:nth-child(3) a       { background:        hsla(190,85%,45%,1); }
		.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(190,85%,45%,1); }
		.breadcrumb li:nth-child(4) a       { background:        hsla(190,85%,55%,1); }
		.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(190,85%,55%,1); }
		.breadcrumb li:nth-child(5) a       { background:        hsla(190,85%,65%,1); }
		.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(190,85%,65%,1); }
		.breadcrumb li:nth-child(6) a       { background:        hsla(190,85%,75%,1); }
		.breadcrumb li:nth-child(6) a:after { border-left-color: hsla(190,85%,75%,1); }
		.breadcrumb li:nth-child(7) a       { background:        hsla(190,85%,85%,1); }
		.breadcrumb li:nth-child(7) a:after { border-left-color: hsla(190,85%,85%,1); }
		.breadcrumb li a:hover { background: hsla(190,85%,15%,1); }
		.breadcrumb li a:hover:after { border-left-color: hsla(190,85%,15%,1) !important; }