@import url("reset.css");
@import url("replacements.css");
/**
	Projeto - Site TTC (TTC) v: 0.1
	Developer(s):
		+ Fernando Basilio (fluibasilio@gmail.com)
*/

/* ESTRUTURA ------------------------------------------------------------------------------ */
html, body, form {
	width: 100%;
	height: 100%;
}

html, body {
	font-family: Tahoma;
	font-size: 12px;
	color: #fff;
	line-height: 15px;
}

h1, h2, h3, h4, h5 { font-size: 10px; font-weight: normal; }

a{
	overflow: hidden;
	color: #ccccb9;
	text-decoration: none;
}

a:hover{
	color: #fff;
	text-decoration: underline;
}

li { list-style: none; }

input, textarea, select{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	border: 1px solid #fff;
}

textarea{
	overflow: auto;	
}

button{
	border: 0;
	font-size: 11px;
	cursor: pointer;
}

h3{
	float: left;
	width: 100%;
	font-size: 15px;
	color: #eae9e1;
	font-weight: bold;
	border-top: 1px solid #eae9e1;
	padding: 10px 0;
}

h4{
	float: left;
	width: 100%;
	font-size: 12px;
	color: #ccccb9;
	font-weight: bold;
	margin: 10px 0 5px 5px;
}

strong{
	font-weight: bold;
}

/* MODAL ------------------------------------------------------------------------------ */
.load { position: absolute; top: 50%; left: 50%; width: 88px; height: 78px; margin: -39px 0 0 -44px; z-index: 99999;}
.bg_modal { position: absolute; top: 0; left: 0; z-index: 99998; } 
.view_modal { position: absolute; left: 50%;	top: 50%; text-align: left; z-index: 99998; }
.modal { visibility: hidden; cursor:pointer; }

.conteudo_modal{
	background: #f0f0f0;
	width: 480px;
	height: 370px;
	padding: 20px;
}

.conteudo_modal .fechar_modal{
	padding: 0px 5px 2px 5px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #4D6655;
	color: #fff;
}
.conteudo_modal .fechar_modal:hover{
	text-decoration: none;
	background: #819384;
}

.conteudo_modal img{
	border: 3px solid #4D6655;
}

.ver_tamanho_original{
	float: left;
	padding: 2px 0 0 15px;
	background: url(/img/ico_ver_tamanho_original.png) no-repeat 0 3px;
	font-size: 10px;
	color: #144e56;
	text-transform: uppercase;
}

.ver_tamanho_original:hover{
	color: #144e56;
}

/* CONTEUDO ------------------------------------------------------------------------------ */
#container{
	width: 100%;
	height: 100%;
	display: table;
	margin: 0;
	padding: 0;
}

#site{
	width: 775px;
	height: 100%;
	display: table;
	margin: 0 auto;
}

.content{
	float: right;
	width: 551px;
	margin-top: 15px;
}

.content .box_data{
	float: left;
	width: 526px;
	height: 21px;
	font-size: 11px;
	padding-left: 25px; 
}

.content .topo{
	float: left;
	width: 551px;
	height: 68px;
}

.content h1.logo{
	float: left;
	width: 551px;
	height: 62px;
}

.content h1.logo a{
	float: left;
	display: inline;
	width: 203px;
	height: 33px;
	margin: 15px 0 0 10px;
	text-indent: -9999px;
}

.conteudo{
	float: left;
	width: 508px;
	padding: 10px 18px 15px 25px;
	position: relative;	
}

/*cantos*/
.bullet_canto_inf_d{
	float: left;
	width: 8px;
	height: 8px;
	position: absolute;
	right: 3px;
	bottom: 3px;
}
.bullet_canto_sup_e{
	float: left;
	width: 8px;
	height: 8px;
	position: absolute;
	left: 3px;
	top: 3px;
}

.conteudo p{
	width: 100%;
	text-align: justify;
	margin: 10px 0 5px 0;
}

.conteudo .bullet_voltar{
	float: right;
	font-size: 11px;
	text-align: right;
	width: 35px;
}

.conteudo .bullet_voltar:hover{
	text-decoration: none;
}

.conteudo h2{
	width: 475px;
	height: 22px;
	text-indent: -9999px;
	margin-left: -10px;
}


/* SIDEBAR  ------------------------------------------------------------------------------ */
.side{
	float: left;
	display: inline;
	width: 224px;
	margin-top: 30px;
	position: relative;
	background: #000;
}

.side img{
	position: absolute;
	top: 0px;
	right: 0px;
}

.side .detalhe{
	position: absolute;
	top: 6px;
	right: 0;
	width: 13px;
	height: 62px;
	text-indent: -9999px;
}

.side ul.nav_site{
	float: right;
	width: 80px;
	position: absolute;
	top: 80px;
	right: 0px;
	padding: 5px 0;
}

.side ul.nav_site li,
.side ul.nav_site li a{
	float: left;
	width: 80px;
	height: 16px;
	text-indent: -9999px;
}

.side ul.nav_site li{
	margin: 1px 0;
}

/* FOOTER ------------------------------------------------------------------------------ */
.footer{
	float: left;
	width: 551px;
	padding: 5px 0 5px 0;
	border-top: 1px solid #ccccb9;
	margin: 10px 0 0 0;
	color: #ccccb9;
	text-align: right;
	font-size: 10px;
	line-height: 12px;
}


/*projeto*/
.projeto{
	float: left;
	width: 100%;
}

.bullet_voltar_projetos{
	float: right;
}

.conteudo_projeto{
	float: left;
	width: 330px;
}

.conteudo_projeto strong{
	font-weight: bold;
	padding-right: 5px;	
}

.imagens_projeto{
	float: right;
	width: 165px;
	margin-top: 60px;
}

.imagens_projeto a,
.imagens_projeto a img{
	float: left;
	width: 165px;
}

.imagens_projeto a{
	margin: 0 0 10px 0;
}

input.erro{ border: 1px solid #000; }

.ico_editar{
	float: left;
	position: absolute;
	top: 5px;
	right: 10px;
	padding: 5px 15px 6px 25px;
	background: #fff url(../img/ico_editar.png) no-repeat 5px 2px;
	margin: 5px 0 0 0;
	color: #819384;
}

.ico_editar:hover{
	background: #819384 url(../img/ico_editar.png) no-repeat 5px 2px;
	color: #ccccb9;
	text-decoration: none;
}