* {margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif;}

@font-face {font-family:"Quadranta-Bold";src:url("recursos/font/Quadranta-Bold.eot?") format("eot"),url("recursos/font/Quadranta-Bold.woff") format("woff"),url("recursos/font/Quadranta-Bold.ttf") format("truetype"),url("recursos/font/Quadranta-Bold.svg#Quadranta-Bold") format("svg");font-weight:normal;font-style:normal;}

body, html {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;
	height: 100%;
	background:#000;
	background: url(tchat/images/bg.png);
}
#pag { 
	height:100%;
	widht:100%;
	margim:0;
	padding:0;
	background: url() no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

div#formulario input[type=text] {
	border-color:#333;
	padding:4px 6px; 
	background:#fff; 
	font:14px tahoma, arial; 
	color:#333;
}
div#formulario input[type=email] {
	border-color:#333;
	padding:4px 6px; 
	background:#fff; 
	font:14px tahoma, arial; 
	color:#333;
}
div#formulario input[type=password] {
	border-color:#333;
	padding:4px 6px; 
	background:#fff; 
	font:14px tahoma, arial; 
	color:#333;
}
div#formulario input[type=submit] {
	border-color:#333;
	padding:4px 6px; 
	background:#F63; 
	font:14px tahoma, arial; 
	color:#fff;
	width:85px;
	font-weight:bold;
}

div#formulario input[type=submit]:hover {
	border-color:#333;
	padding:4px 6px; 
	background:#F30; 
	font:14px tahoma, arial; 
	color:#fff;
	width:85px;
	font-weight:bold;
	cursor:pointer;
}

div#formulario_recup input[type=email] {
	border-color:#333;
	padding:4px 6px; 
	background:#fff; 
	font:14px tahoma, arial; 
	color:#333;
}

div#formulario_recup input[type=submit] {
	border-color:#333;
	padding:4px 6px; 
	background:#F63; 
	font:14px tahoma, arial; 
	color:#fff;
	width:120px;
	font-weight:bold;
}

div#formulario_recup input[type=submit]:hover {
	border-color:#333;
	padding:4px 6px; 
	background:#F30; 
	font:14px tahoma, arial; 
	color:#fff;
	width:120px;
	font-weight:bold;
	cursor:pointer;
}

div#formulario input[type=button] {
	border-color:#333;
	padding:4px 6px; 
	background:#F63; 
	font:14px tahoma, arial; 
	color:#fff;
	width:250px;
	font-weight:bold;
}

div#formulario input[type=button]:hover {
	border-color:#333;
	padding:4px 6px; 
	background:#F30;
	font:14px tahoma, arial; 
	color:#fff;
	width:250px;
	font-weight:bold;
	cursor:pointer;
}



div#formularioregisto input[type=text] {
	border-color:#333;
	padding:4px 6px; 
	background:#fff; 
	font:14px tahoma, arial; 
	color:#333;
}
div#formularioregisto input[type=password] {
	border-color:#333;
	padding:4px 6px; 
	background:#fff; 
	font:14px tahoma, arial; 
	color:#333;
}
div#formularioregisto input[type=submit] {
	border-color:#333;
	padding:4px 6px; 
	background:#F63; 
	font:14px tahoma, arial; 
	color:#fff;
	width:85px;
	font-weight:bold;
	float:right;
}

div#formularioregisto input[type=submit]:hover {
	border-color:#333;
	padding:4px 6px; 
	background:#F30; 
	font:14px tahoma, arial; 
	color:#fff;
	width:85px;
	font-weight:bold;
	cursor:pointer;
}

div#formularioregisto input[type=button] {
	border-color:#333;
	padding:4px 6px; 
	background:#F63; 
	font:14px tahoma, arial; 
	color:#fff;
	width:250px;
	font-weight:bold;
}

div#formularioregisto input[type=button]:hover {
	border-color:#333;
	padding:4px 6px; 
	background:#F30;
	font:14px tahoma, arial; 
	color:#fff;
	width:250px;
	font-weight:bold;
	cursor:pointer;
}

div#formularioregisto input[disabled] {
	border-color:#333;
	padding:4px 6px; 
	background:#F63;
	font:14px tahoma, arial; 
	color:#fff;
	width:85px;
	font-weight:bold;
	cursor:default;
}

div#formularioregisto input[disabled]:hover {
	border-color:#333;
	padding:4px 6px; 
	background:#F63;
	font:14px tahoma, arial; 
	color:#fff;
	width:85px;
	font-weight:bold;
	cursor:default;
}

#box {width:950px; margin: 0 auto;}
#header{ height:80px;width:100%;}
#menu{height:10px; background-color:#333; clear:both; }
#content{width:900px; height:600px;}
#rodape{color:#FFF; padding:10px;}
#box_log{
    position: absolute;
    top: 40%;
    left: 40%;
    margin-top: -65px;
    margin-left: -10px;
    width: 300px;
	background-color:#000;
	color: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
	filter: alpha(opacity=50);  /* IE 5-7 */
	-moz-opacity: 0.8;          /* Netscape */
	-khtml-opacity: 0.8;        /* Safari 1.x */
	opacity: 0.8;  
}

#loginregisto{
    width: 250px; /*can be in percentage also.*/
    height: auto;
    margin: 0 auto;
    padding: 2px;
    position: relative;
}

#box_titulo{
	font-family:Quadranta-Bold;
	font-size:400%;
	text-align:center;
}#box_logotipo{
	width: 160px;
	height: 80px;
	background-color:#333;
	margin-top: auto;
	margin-bottom:auto;
	color: white;
	font-family:Quadranta-Bold;
	font-size:300%;
	text-align:center;
	float:left;
	position:relative;
}
#box #content #box_log div p a {
	color: #FFF;
}

#box_ferramentas{
	height: 30px;
	margin-left: 160px;
	position:relative;
	background-color:#CF0;
	padding: 30px;
}

#box_ferramentas1{
	position:relative;
	float:left;
}

#box_ferramentas2{
	position:relative;
	float:left;
}

div#box_ferramentas2 input[type=text] {
	border-color:#333;
	background:#fff; 
	font:14px tahoma, arial; 
	color:#333;
	padding:6px;
}

#box_ferramentaslupa{
	width:30px;
	position:relative;
	float:left;
}

#box_ferramentas3{
	position:relative;
	float:right;
}

#conteudo{
	background-color:#333;
	clear:both;
	margin-bottom:150px;
}

#topochat1{
	background-color:#CF0;
	height:50px;
	border:1px solid black;
}


#chat1{
	width: 70%;
	height: 100%;
	background-color:#000;
	float:left;	
	position:relative;
	background: url(tchat/images/bg.png);
}

#chat2{
	width: 20%;
	height: 100%;
	background-color:#000;
	float:left;	
	position:relative;
	background: url(tchat/images/bg.png);
}

#perfil{
	width: 8%;
	height: 100%;
	background-color:#000;
	color: #fff;
	padding: 6px;
	float:left;	
	position:relative;
	background: url(tchat/images/bg.png);
}
#perfil a {
	color: #fff;
}

#textochat1{
	width: 100%;
	height: 620px;
	overflow:auto;
}




#box_textfieldchat1 {
	border:1px solid black;
	border: #FFF thin;
	position:absolute;
	bottom:0px;
}


div#box_textfieldchat1 input[type=text] {
	border-color:#333;
	padding:3px 6px; 
	background:#fff; 
	font:14px tahoma, arial; 
	color:#333;
}

div#box_textfieldchat1 input[type=submit] {
	border-color:#333;
	padding:3px 6px; 
	background:#F63; 
	font:14px tahoma, arial; 
	color:#fff;
	width:85px;
	font-weight:bold;
}

div#box_textfieldchat1 input[type=submit]:hover {
	border-color:#333;
	padding:3px 6px; 
	background:#F30; 
	font:14px tahoma, arial; 
	color:#fff;
	width:85px;
	font-weight:bold;
	cursor:pointer;
}

#rodape_{
	width:150px;
	background-color:#9F0;
}