body 	{ font-family: Arial, Helvetica, sans-serif; color: #FFF; margin:0; background:#000; }
html 	{  height: 100%; overflow:hidden; }
body 	{  height:100%; }


img, a, h1, h2, h3, h4	{ margin:0; padding:0; border:0; }

a 			{ color:#FFF; text-decoration:underline; }
a:hover		{ color: #ab5cb0; background:#FFF; text-decoration:none; }
a:visited	{ color:#FFF; }

p			{ text-align:right; font:normal 13px Arial, Helvetica, sans-serif; line-height:18px;  clear:both; }
small		{ font-size:11px; }
blockquote	{ text-align:left; margin:10px; font-style:italic; color:#EEE; }
h2			{ font:normal 25px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; letter-spacing:-1px; text-align:right; margin-bottom:10px;  }
h3			{ font:normal 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; text-align:right; letter-spacing:-1px; margin-bottom:10px;  }
hr			{ border:0; height:1px; background:#FFF; margin:5px 0; padding:0; }
hr.black	{ border:0; height:1px; background:#000; margin:5px 0; padding:0; }
kbd			{	color: #555;	background-color: #ddd;	border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc;	font-size: inherit;	font-family: inherit;	padding: 0 3px 2px 4px;	}

/* BACKGROUNDS */
#background { position:absolute; top:0; bottom:0; left:0; right:0; z-index:-100; }

/* CLASSES COMUNS */
.fl			{ float:left; }
.fr			{ float:right; }
.clear		{ clear:auto; }
.half		{ width:49% }
.box		{ padding:20px; background:url(../imagens/geral/bgpurple.png) repeat; overflow:auto; margin-bottom:10px; }
.item		{ float:right; text-align:right; width:28%; margin-left:10px; }

/* LOADING */
#loading 	{ position:absolute; top:0px; bottom: 0px; left:0px; right:0px; background:#ab5cb0 url(../imagens/loading/loading.gif) center center no-repeat; display:none; opacity:0.70; -moz-opacity: 0.70; filter: alpha(opacity=70); z-index:100; }

/* MAPA */
#mapa		{ position:absolute; top:0px; bottom: 0px; left:0px; right:0px; background:url(../imagens/geral/bgpurple.png) repeat; display:none; z-index:100; }

/* HEADER */
#header				{ position: fixed; top:0; width:100%; z-index:10; }
#header .content	{ background:url(../imagens/geral/bgpurple.png) repeat; margin:20px; padding:10px; overflow:auto;}
#header ul			{ list-style:none; margin:0; padding:0;  float:right;  }
#header ul li		{ float:left; margin-left:20px; }
#header ul li a		{ display:block; height:32px; text-indent:1000px; overflow:hidden; background-position:top left; background-repeat:no-repeat;   outline: none; }
#header ul li a.inicial		{ width:63px; background:url(../imagens/menu/inicial.png); }
#header ul li a.florivette	{ width:104px; background:url(../imagens/menu/florivette.png); }
#header ul li a.portfolio	{ width:98px; background:url(../imagens/menu/portfolio.png); }
#header ul li a.contato		{ width:86px; background:url(../imagens/menu/contato.png); }

/* FOOTER */
#footer				{ position: fixed; bottom:0; width:100%; z-index:10;  }
#footer .content	{ margin:20px; padding:10px; overflow:auto; clear:both; background:url(../imagens/geral/bgpurple.png) repeat; font:normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-variant:small-caps; }
#footer	.webi		{ width:63px; height:19px; display:block; background:url(../imagens/footer/webi.png) no-repeat; text-indent:-1000px; overflow:hidden; }

/* LOGO */
#branding			{ position: fixed; top:0; bottom:0;  z-index:10;  }
#branding h1		{ display:none; /*position: relative; top:50%; margin:-150px 0 0 20px; width:500px; height:290px; background: url(../imagens/geral/logo.png); text-indent:-1000px; overflow:hidden; */}
#branding div		{ position: relative; top:50%; margin:-150px 0 0 0; width:450px; height:300px; }


/* SCROLABBLE */
#wrap					{ position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%;   }
#sessions				{ position:absolute; top:0; bottom:0; left:0; right:0; width:20000em; }
#inicial, #florivette, #portfolio, #contato		{ width:100%; height:100%;  }

/* INICIAL */
#inicial				{ /*background:url(../imagens/background/1.jpg) repeat;*/ z-index:10; }
#inicial .content		{ position:relative; width:45%; height:220px; top:50%; float:right; margin:-110px 20px 0 0; overflow:hidden }

/* FLORIVETTE */
#florivette				{ /*background:url(../imagens/background/2.jpg) repeat;*/ z-index:10; }
#florivette	.content	{ position:relative; width:45%; height:300px; top:50%; float:right; margin:-150px 20px 0 0; overflow:hidden }

/* PORTFOLIO */
#portfolio				{ /*background:url(../imagens/background/3.jpg) repeat;*/ z-index:10; }
#portfolio	.content	{ position:relative; width:50%; height:400px; top:50%; float:right; margin:-200px 20px 0 0; overflow:hidden; }
#portfolio .menu		{ list-style:none; margin:0; padding:0; float:right; }
#portfolio .menu li		{ float:right; margin:0 5px 5px 0; }
#portfolio .menu a		{ display:block; background:#ab5cb0 url(../imagens/geral/florlink.png) right bottom no-repeat; padding:5px 15px 5px 5px; color:#FFF;  text-decoration:none; font-size:14px; font-variant:small-caps; cursor:pointer; }
#portfolio .menu a:hover { background:#FFF; color:#000; }
#portfolio .menu a:active { background:#FFF; color:#000; }
#portfolio .target		{ display:none; }
/*#portfolio .fotos		{ list-style:none; margin:0; padding:0; }
#portfolio .fotos li	{ float:left; margin:0 5px 5px 0; }
#portfolio .fotos a		{ display:block; border: solid 1px black; }
#portfolio .fotos a:hover { display:block; border: solid 1px white; }*/

#portwrap					{ width:100%; overflow:hidden; }
#portwrap ul.fotos			{ list-style:none; width:10000px; overflow:auto; margin:0; padding:0; }
#portwrap ul.fotos li		{ float:left; margin-right:10px; }
#portwrap ul.fotos li a img	{ border:solid 5px #ab5cb0;  }
#portwrap ul.fotos li a:hover img	{ border:solid 5px #FFF;  }

/* CONTATO */
#contato				{ /*background:url(../imagens/background/4.jpg) repeat;*/ z-index:10; }
#contato	.content	{ position:relative; width:45%; height:400px; top:50%; float:right; margin:-200px 20px 0 0; overflow:hidden; }
#contato	.fr			{ font-size:13px; margin-left:20px; text-align:right; }
#contato form			{ margin:0; padding:0; }
#contato form input		{ border:0;  color:#FFF; text-align:right; background:none; width:96%; }
#contato form textarea	{ border:0;  color:#FFF; text-align:right; background:none; width:96%; height:100px; font:normal 14px Arial, Helvetica, sans-serif; }
#contato form .submit	{ width:30%; float:right; }
form .submit input		{ font-variant:small-caps; text-align:center; }
#contato form .submit:hover { background:#FFF; }
#contato form .submit:hover input {  color: #ab5cb0;  }
#contato ul				{ list-style:none; margin:0; padding:0; }
#contato ul li			{ margin-bottom:5px; padding:5px; background:url(../imagens/geral/bgpurple.png) repeat; width:100%;  }