@charset "utf-8";
*{margin:0 0 0 0;}
html,body { height:100%; overflow:hidden;}
#bg { width:100%; height:100%; position:absolute; top:0; left:0; z-index:0;opacity:0.4;}
#content {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: auto;
	left:0px;
	top: 0;
	z-index: 1;
}
#principal { width: 100%; height:100%; margin:auto; }
/* ----- body ----- */
h1  {family: 'Text Me One', sans-serif; color:#666; font-size:14px;}
h2  {family: 'Cinzel', serif; color:#666; font-weight:700; font-size:18px; color: #69C;}
h4  {family: 'Josefin Slab', serif; font-weight:700; font-style:italic; font-size:18px; color:#90C; }
h5  {family: 'Josefin Slab', serif; font-weight:700; font-style:italic; font-size:20px; color:#F60; }
h6  {family: 'Petit+Formal+Script', serif; color:#F60; font-weight:700; font-style:italic; font-size:20px;}
/*----------------------principal-------------------*/
#titulo  {width:100%; height:30px; margin:auto;'Josefin Slab', serif; font-weight:700; font-style:italic; font-size:18px;text-align:center; padding-top:8px; color:#F60; border-bottom: double #FFF 3px; position:fixed;z-index: 2;}
/*-----------------------------------------*/
#menu  { width:100%;; height:35px;  margin:40px auto; text-align:center; border-bottom: double #FFF 3px; position:fixed;}
#menu ul { margin:0; padding-bottom:5px; list-style:none; width:auto; padding-top:5px;}
#menu ul li { display:inline; padding:30px; }
#menu ul li a{ text-decoration:none; font:22px 'Josefin Slab', serif; font-weight:700; font-style:italic; color:#90C; cursor:pointer;}
#menu ul li a:hover {padding-top:9px; font:23px 'Josefin Slab', serif; font-weight:700; font-style:italic; color:#90C; text-decoration:line-through;}
/*-----------------------------------------*/
#conteudo  {width:800px; height:600px; margin:auto; top:80px; z-index:6; position:relative; }
/*-----------------------------------------*/ 
#clientes { width:700px; height:550px; margin: auto;}
#clientes a { font:'Cinzel', serif; color:#666; font-weight:700; font-size:18px; color: #69C;}
#clientes a:hover {font:'Cinzel', serif; color:#666; font-weight:700; font-size:18px; color:#F60;}
#clientes .table {width:680px; height:480px; margin:30px auto; font:'Petit+Formal+Script', serif; color:#666; font-weight:700; font-style:italic; font-size:18px;}
.table22 { width:680px; height:auto; margin:auto; border-top:solid 1px #999999; 'Cinzel', serif; color:#666; font-weight:700; font-size:18px; color:#F60;}
/*-----------------------------------------*/
#fichaclientes { width:800px; height:550px; margin: auto; overflow:auto; }
/*----------------------principal-------------------*/
#pgto { width:680px; height:550px; margin: auto;}
#pgto tr {text-decoration:none; font:16px 'Josefin Slab', serif; font-weight:700; font-style:italic; color:#F60; cursor:pointer;}
#pgto .tablepgto {width:680px; height:480px; margin:30px auto; font:'Petit+Formal+Script', serif; color:#666; font-weight:700; font-style:italic; font-size:16px;}
#pgto span {text-decoration:none; font:20px 'Josefin Slab', serif; font-weight:700; font-style:italic; color:#F60; cursor:pointer;}

/*----------------------principal-------------------*/
#inserirpgto { width:380px; height:550px; margin: auto;}
#inserirpgto tr {text-decoration:none; font:20px 'Josefin Slab', serif; font-weight:700; font-style:italic; color:#F60; cursor:pointer;}
/*----------------------principal-------------------*/
#insertclientes { width:680px; height:550px; margin: auto;}
#insertclientes tr {text-decoration:none; font:20px 'Josefin Slab', serif; font-weight:700; font-style:italic; color:#F60; cursor:pointer;}
/*----------------------principal-------------------*/
#editclientes { width:680px; height:550px; margin: auto;}
#editclientes tr {text-decoration:none; font:20px 'Josefin Slab', serif; font-weight:700; font-style:italic; color:#F60; cursor:pointer;}
/*----------------------principal-------------------*/
#controlmensal  { width:800px; height:550px; margin: auto;}
#controlmensal tr {text-decoration:none; font:16px 'Josefin Slab', serif; font-weight:700; font-style:italic; color:#F60;}
#controlmensal .table33 { width:450px; height:auto; margin: auto; float:left;}
#controlmensal .table34 { width:330px; height:auto; margin: auto; float:right;}

/*----------------------principal-------------------*/
/*----------------------principal-------------------*/
/*----------------------principal-------------------*/
/*----------------------principal-------------------*/


/*----------------------principal-------------------*/
/*----------------------principal-------------------*/
