* {
	margin: 0;
	padding: 0;
	}

html, body {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 100%;
	}
	
p{ text-align: justify; }	

img {
	border: none;
	}

.left{
	float: left;
	}
	.right{	
		float: right;
		}		
	
.clear{
	clear: both;	
	}
	.clear-space{
		clear: both;	
		margin-bottom: 40px;
		}
		.none{
			display: none;
			}
ul{	
	list-style: none;
	}	
	
	p.marcar{
		background: url('../img/agenda-de-cabelos/bt-marcar.gif') no-repeat;
		width: 186px;
		height: 33px;
		margin-top: 5px;
		}
		p.marcar a{
			display: block;
			width: 186px;
			height: 33px;
			}		
			

#menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 185px;
	height: 100%;
	z-index: 50;
	background: #686769;	
	}
	
#all{
	min-height: 100% !important;	
	position: relative;
	background: #9ea2ab url('../img/agenda-de-cabelos/bg-content.gif') repeat-x left top;
	}	

#header {
	width: 583px;
	margin-left: 185px;	
	/*padding-top:10px;*/
	}
	
	#header ul{
		list-style: none;		
		overflow: hidden;		
		margin: 0 0 0 15px;
		padding-top: 20px;
		_clear: both;
		_height: 100%;
		}
		#header ul li{
			float: left;		
			}
			#header ul li.last{
				float: right;
				background: url('../img/agenda-de-cabelos/bg-header.gif') no-repeat;				
				width: 352px;
				height: 28px;
				}				
				#header ul li p{
					float: right;
					display: inline;	
					}

		#header ul li h1{		
			background: url('../img/agenda-de-cabelos/agenda-de-cabelo.gif') no-repeat;
			width: 205px;
			height: 26px;
			text-indent: -9999em;
			}
			#header ul li h1 a{
				display: block;
				width: 205px;
				height: 26px;
				}

			#header ul li .bt-entrar{
				background: url('../img/agenda-de-cabelos/bt-entrar.gif') no-repeat;
				width: 49px;
				height: 28px;
				}
				#header ul li .bt-entrar a{
					display: block;
					width: 49px;
					height: 28px;
					overflow: hidden;
					}
					
					#header ul li .userLogado{
						text-align: right;
						font-size: 9px;
						margin-right: 5px;
						line-height: 28px;
						}
						#header ul li .userLogado a{
							padding: 0 2px;
							text-decoration: none;
							color: #C57911;
						}

		
		
#content {
	width: 583px;	
	overflow: hidden;
	margin-left: 185px;
	padding-bottom: 230px;
	background: transparent  url('../img/agenda-de-cabelos/bg-effect-test.gif') no-repeat left bottom;
	}
	/*
	#content #content-main {				
		margin-left: 10px;
		}
		
		#content #content-main .height-clear{
			clear: both;
			height: 60px;
			overflow: hidden;
			}
		
		#content #content-main .calendario-img{
			margin-left: 10px;
			background: url('../img/agenda-de-cabelos/calendario.png') no-repeat;
			width: 301px;
			height: 312px;
			}
			#content #content-main .sidebar{
				width: 220px;
				padding: 30px 10px 10px 10px; 
				}
				#content #content-main .sidebar p{
					font-size: 12px;
					font-weight: normal;
					}
					#content #content-main .sidebar p.comecar{
						background: url('../img/agenda-de-cabelos/bt-comecar.gif') no-repeat;
						width: 222px;
						height: 64px;
						margin-top: 20px;
						}
						#content #content-main .sidebar p.comecar a{	
							display: block;
							width: 222px;
							height: 64px;
							overflow: hidden;
							}
					
		*/


		
/* Footer */				

#footer{
	width: 100%;
	background: #000 url('../img/agenda-de-cabelos/bg-footer.gif') repeat-x;
	height: 76px;
	clear: both;
	_position: static;	
	}
	#footer #main{
		margin-left: 185px;
		background: #000 url('../img/agenda-de-cabelos/bg-footer-main.gif') no-repeat;
		height: 76px;
		width: 593px;		
		position: relative;
		}
		#footer #main p.first{
			padding: 15px 0 5px 30px;
			}
			#footer #main p{
				font-size: 13px;
				padding: 0 0 0 30px;
				}

			#footer #main .produto{
				background: transparent url('../img/agenda-de-cabelos/calendario-footer.png') no-repeat;
				width: 180px;
				height: 164px;
				position: absolute;
				bottom: 0;
				right: 0;
				margin-bottom: 10px;
				margin-right: 40px;
				}