/* Classes que serão utilizadas por todo o projeto */
.cb { clear:both; }
.cl { clear:left; }
.cr { clear:right; }
.fl { float:left; }
.fr { float:right; }
.al { text-align:left; }
.ac { text-align:center; }
.ar { text-align:right; }
.mt { margin-top:10px; }
.mr { margin-right:10px; }
.mb { margin-bottom:10px; }
.ml { margin-left:10px; }
.zero { height:0; overflow:hidden; }
.green { color:#090; }
.red { color:#C00; }
.space { height:30px; }
.center {
	position:relative;
	width:auto;
	max-width:1150px;
	margin:0 auto;
}
.up { text-transform:uppercase; }
div.share-button { float:left; margin-right:20px; }
					/* comentários */
div.comments {
	margin-bottom:5px;
	padding:5px 0;
	text-transform:uppercase;
}
div.comments samp {
	margin-left:5px;
	padding:1px 3px 1px 23px;
	border-radius:3px;
	color:#FFF;
	font-family:inherit;
	font-weight:bold;
	background:#777 url(../imagens/global/comments.png) no-repeat 3px center;
}
					/* comentários end */
					/* páginas */
section.pagina-box {
	float:left;
	width:300px;
	padding-bottom:40px;
	padding-right:45px;
}
section.pagina-box:nth-of-type(3n-2) { clear:both; }
section.pagina-box:nth-of-type(3n-1) { padding-right:0; }
section.pagina-box:nth-of-type(3n) { padding-right:0; float:right; }
section.pagina-box div.foto {
	width:inherit;
	height:100px;
	text-align:center;
	border:solid 1px #FFF;
	overflow:hidden;
}
section.pagina-box div.foto img { max-width:100%; box-shadow:0 0 5px rgba(0,0,0,0.2); }
section.pagina-box p.description:after { content:"..."; }
					/* páginas end */
					/* formulário e boxes */
div.formulario-0,
div.formulario-1,
div.formulario-2,
div.box-content-top div.box-content,
div.box-content-top-left div.box-content,
div.box-content-top-right div.box-content { margin-bottom:30px; }
div.formulario-3,
div.formulario-4,
div.formulario-5,
div.box-content-bottom div.box-content,
div.box-content-bottom-left div.box-content,
div.box-content-bottom-right div.box-content { margin-top:30px; }
div.formulario-1,
div.formulario-2,
div.formulario-4,
div.formulario-5 { width:50%; }
div.box-content-top-left,
div.box-content-top-right,
div.box-content-bottom-left,
div.box-content-bottom-right { width:45%; }
div.formulario-1,
div.formulario-4,
div.box-content-top-left,
div.box-content-bottom-left { float:left; }
div.formulario-2,
div.formulario-5,
div.box-content-top-right,
div.box-content-bottom-right { float:right; }
div.box-content iframe { width:100% !important; }
label.required:before,
p.required:before { content:"* "; color:#C00; }
div.row { margin:0 0 20px; }
div.row label {
	display:block;
	padding-bottom:5px;
	font-weight:bold;
}
input,
textarea,
select { outline:none; }
div.row input.normal,
div.row textarea,
div.row select { width:70%; }
div.row input.small { width:200px; }
div.row input.tiny { width:90px; }
div.row input.upper { text-transform:uppercase; }
div.row input.normal,
div.row input.small,
div.row input.tiny,
div.row select,
div.row textarea {
	padding:5px;
	font-size:16px;
	color:#555;
	border:solid 1px #CCC;
	border-radius:5px;
}
div.row div.mask-select {
	width:70%;
	background:#FFF url(../imagens/global/mask-select.png) no-repeat right center;
	border:solid 1px #CCC;
	border-radius:5px;
	overflow:hidden;
}
div.row div.mask-select select {
	width:120% !important;
	background:transparent !important;
	background-color:transparent !important;
	-webkit-appearance:none !important;
	border:none !important;
}
div.required {
	position:absolute;
	display:none;
	padding:10px;
	cursor:not-allowed;
	background:#FFF;
	border:solid 2px #C55;
	border-radius:0 20px 20px 20px;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}
div.required:before {
	content:"Campo obrigatório: ";
	color:#C00;
	font-weight:bold;
	font-style:italic;
}
div.required:after { color:#777; font-style:italic; }
div.required-date:after { content:" (dd/mm/aaaa)"; }
					/* formulário end */
					/* paginação */
div.paging {
	margin:10px 0;
	padding:10px 0;
	border-top:dotted 1px #CCC;
	text-align:center;
}
div.paging a {
	margin:5px;
	padding:4px 8px;
	border:solid 1px #CCC;
	background:#F3F3F3;
}
div.paging a.on {
	border-color:#000;
	background-color:#333;
	color:#FFF;
}
div.paging a:first-of-type:after,
div.paging a:last-of-type:before { content:"..."; }
					/* paginação end */
					/* submenu */
li ul.sub-menu {
	position:absolute;
	top:20px;
	left:0;
	display:inline;
	opacity:0;
	height:0;
	overflow:hidden;
	background:#000;
}
li:hover ul.sub-menu {
	height:auto;
	opacity:1;
	overflow:visible;
}
li ul.sub-menu li { position:relative; }
li ul.sub-menu li ul.sub-menu-sub {
	position:absolute;
	top:0;
	opacity:0;
	height:0;
	z-index:1;
	overflow:hidden;
}
li ul.sub-menu li:hover ul.sub-menu-sub {
	height:0;
	opacity:1;
	overflow:visible;
}
					/* submenu end */
					/* botões */
input.submit {
	margin-top:20px;
    padding: 5px 20px;
    color: #FFF;
    cursor: pointer;
    text-transform: uppercase;
    font-family: inherit;
    font-size:1.6em;
    border-radius: 2px;
    border:none;
    box-shadow: 0px -3px 0px rgba(0, 0, 0, 0.1) inset;
    background:#333;
}
input.submit:hover { background-color:#06C; }
					/* botões end */
					/* veja também */
section.veja-tambem {
	margin-top:20px;
	padding-top:20px;
	border-top:solid 1px #CCC;
}
section.veja-tambem div.veja-tambem-box {
	float:left;
	margin-right:5%;
	width:30%;
	min-height:150px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
section.veja-tambem div.veja-tambem-box:hover { background:#333; color:#FFF; }
section.veja-tambem div.veja-tambem-box div.veja-tambem-padding { padding:10px; }
section.veja-tambem div.veja-tambem-box div.veja-tambem-padding div.foto {
	width:inherit;
	height:100px;
	text-align:center;
	border:solid 1px #FFF;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	overflow:hidden;
}
section.veja-tambem div.veja-tambem-box div.veja-tambem-padding div.foto img { max-width:100%; }
section.veja-tambem div.veja-tambem-box:nth-of-type(3n-1) { margin-right:0; }
section.veja-tambem div.veja-tambem-box:nth-of-type(3n) { float:right; margin-right:0; }
section.veja-tambem div.veja-tambem-box div.veja-tambem-padding h3 { font-size:14px; }
section.veja-tambem div.veja-tambem-box:hover div.veja-tambem-padding h3 { color:#FFF; }
section.veja-tambem div.veja-tambem-box div.veja-tambem-padding p { font-size:12px; padding:0; }
section.veja-tambem div.veja-tambem-box div.veja-tambem-padding p.descricao:after { content:"..."; }
section.veja-tambem div.veja-tambem-box:hover div.veja-tambem-padding a { color:#FFF; }
					/* veja também end */
					/* caminho completo da página */
div.path-name {
	position:absolute;
	left:50%;
	bottom:25px;
	margin-left:-575px;
	background:url(../imagens/header/hardwave-logo-min.png) left center no-repeat;
	font-size:2em;
	color:#FFF;
}
div.path-name a { 
	color:#FFF;
	text-shadow:2px 1px 2px #000;
}
div.path-name a:last-child { font-size:1.5em; }
					/* caminho completo da página end */