/************************************************\
 Layout Geral - Screen			                 /
 CSS V.1.00						                 \
 ------------------------------------------------/
 Criado por Epoch Multimédia 2009                \
\************************************************/


/************************************************\
» DEFINIÇÕES GERAIS
\************************************************/

body,
html { 	height: 100%; }

body {
	background-color: #E7E7E7; 
	behavior: url("temas/clientside/csshover3.htc");
	margin: 0px;
	padding: 30px 0px;
	text-align: center;
}

img, 
div, 
input { behavior: url("temas/clientside/iepngfix.htc") }

table, 
td, 
tr {
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

a img { border: none }

p,
h1,
h2,
h3,
h4,
h5,
hr,
ul,
form,
fieldset { 
	clear: both;
	margin: 0px;
	margin-bottom: 15px;
	padding: 0px;
}

h1 {margin-bottom: 0px;}

fieldset { padding: 15px 15px 0px 15px }

h2 { 
	border-bottom: dotted 1px #999; 
	padding-bottom: 12px;
	}

hr { 
	border-top: solid 1px #EDEDED; 
	border-bottom: solid 1px #CCC;
	}

ul { list-style: none;}

legend { display: none; }

/************************************************\
» TIPOGRAFIA
\************************************************/

/* Geral ****************************************/

body { font-family: Arial, Helvetica, sans-serif }

a { 
	border-bottom: dotted 1px #CCC;
	text-decoration: none;
	 }

	a:hover { border-bottom: solid 1px #333; }
		
		img a:hover { }

input { }

/* Cores ****************************************/

a:hover,
#sidebar .bloc li.active a:hover,
#content ul.form label { color: #333 }

#content ul ul,
#sidebar .bloc li.active a,
#sig,
#content ul.form { color: #999 }

.red { color: #F30; }

.green { color: #9C0 }

h2 { color: #036; }

a { color: #069 }

#header ul a,
#footer,
#footer a { color: #CCC }

#header ul a:hover,
#header li a.active,
#footer a:hover { color: #FFF }

/* Font Size ************************************/

#footer .xtrems,
#footer .center,
#sig { font-size: 10px }

#header ul,
#content ul ul,
#footer .xtrems span,
#content ul.form { font-size: 11px }

#content p,
#content ul,
#sidebar,
#content ul.form label { font-size: 12px }

/* Bold / Normal / UpperCase / Etc **************/

#header a,
#sidebar .bloc li a,
#content.home h2,
#footer a { border-bottom: none; }

a,
#header ul,
#content ul.form label { font-weight: bold; }

#footer a { font-weight: normal }

#header ul { text-transform: uppercase }

/* Variações ************************************/

.notas,
.warning { }

/************************************************\
» ESTRUTURA
\************************************************/

#container,
#header,
#banner { width: 940px; }

#container { 
	margin: 0 auto;
	text-align: left;
	}

#header { 
	float: right;
	margin-bottom: 85px 
	}

#banner img { float: right }

#wrapper { }

#content,
#footer { 
	float: right;
	width: 698px;
	}

#sidebar { float: left; }

#footer { }

#sig { clear: both }

/************************************************\
» LAYOUT GRÁFICO
\************************************************/

/* Geral ****************************************/

/* Objectos */

input.textbox,
textarea,
.button,
select { border: none; }

/* Container ************************************/

#container { background: #FFF url(../gfx/layout/logotipo.gif) no-repeat; }

/* Header ***************************************/

#header { 
	}

	#header h1 span { display: none; }

	#header ul {
		background: url(../gfx/layout/bg_header_mainmenu.gif);
		float: right;
		height: 40px;
		width: 698px;
		}

	#header li {
		list-style: none;
		float: left; 
		padding: 15px 0px 0px 15px;
		}

		#header li a {
			display: block;
			}

			#header li a.active {
				border-bottom: solid 4px #FFF;
				padding-bottom: 7px;
				}


/* Conteúdo *************************************/

/* Wrapper */

#wrapper { }

/* Content */

#content { background: #EDEDED url(../gfx/layout/bg_content.gif) repeat-y }

	#content.home { background: url(../gfx/layout/bg_content_home.gif) repeat-y }

		#content.home h2 { 
			padding-bottom: 0px;  
			margin-bottom: 10px;
			}

	#content .breath { padding: 15px 15px 0px 15px; }

		#content ul ul { margin-bottom: 0px; }

	#content li { 
		background: url(../gfx/layout/icon_bullet_list.gif) 0px -4px no-repeat;
		padding-left: -12px;
		text-indent: 12px;
		}

		#content li li { background: url(../gfx/layout/icon_bullet_listlist.gif) 0px -4px no-repeat; }

		#content ul.form li { 
			background: none;
			clear: both; 
			padding: 6px 0px;
			text-indent: 0px;
			}
			
		#content ul.form label { 
			display: block;
			float: left;
			width: 170px; 
			}
			
			#content ul.form label span.obrigatorio { 
				background: url(../gfx/layout/icon_asterisco.gif) right no-repeat; 
				display: block;
				}
			
		#content .textbox { border: solid 1px #999 }

	#content .xtrems,
	#content .center { float: left; }

	#content .xtrems { width: 233px; }

	#content .center { width: 232px; }

/* Sidebar */

#sidebar { }

#sidebar .bloc li { 
	background: url(../gfx/layout/bg_sidebar.gif) repeat-y; 
	border-bottom: solid 1px #FFF;
	padding: 8px 0px; 
	width: 242px;
	}

	#sidebar .bloc li.active { background: url(../gfx/layout/bg_sidebar_selected.gif) repeat-y; }

	#sidebar .bloc li a { padding: 0px 8px; }

/* Footer ***************************************/

#footer { background: url(../gfx/layout/bg_footer.gif) repeat-y; }

	#footer .xtrems,
	#footer .center {
		float: left; 
		}

	#footer .xtrems { width: 233px; }

	#footer .center { width: 232px; }

	#footer p {	margin: 14px; }
	
	#footer span.icon {
		display: block;
		padding-left: 20px;
		}

	#footer span.icon.phone { 
		background: url(../gfx/layout/icon_tlf.gif) no-repeat;
		height: 22px;
		margin-bottom: -15px
		}

	#footer span.icon.mail { background: url(../gfx/layout/icon_mail.gif) bottom left no-repeat; }

	#footer span.icon.address { background: url(../gfx/layout/icon_address.gif) no-repeat; }

/* Signature ************************************/

#sig { 
	background-color: #E7E7E7;
	padding: 10px 0px;
	text-align: right;
	}

	#sig img { 
		float: right;
		margin-left: 5px;
		margin-top: -2px;
		}

/************************************************\
» NOTIFICAÇÕES
\************************************************/



/************************************************\
» VARIAÇÕES	
\************************************************/

.hide { display: none }

.right { float: right }

.left { float: left }

.bottomSpace { margin-bottom: 15px; }

.width1 { width: 460px; }

.width2 { width: 150px; }