@charset "utf-8";
/* CSS Document */
*margin{0;}
*padding{0;}

body{
	background: url(images/bg-body) repeat #FFF;
}


.fl{float:left;}
.fr{float:right;}

#header{
	width:100%;
	height:90px;
	margin-top: -10px;
	}
	
.header{
	width:960px;
	height:90px;
	position:absolute;
	margin-left:-480px;
	left:50%;
}


.header .logo {
	height:90px;
	width:215px;
	float:left;
}

.header .chat a{
	height:90px;
	width:315px;
	margin-left:110px;
	background:url(images/chat2.jpg) top center no-repeat;
	float:left;
}


.header .chat a:hover{
	background:url(images/chat2.jpg) bottom center no-repeat;
}

#content{
	width:960px;
	height:auto;
	min-height:200px;
	margin:10px 0 0 50%;
	left:-480px;
	position:absolute;
}

.internal-content{
	width:960px;
	height:auto;
	min-height:3140px;
	background:url(images/bg-content) center repeat-y #FFF;
	margin:auto;
}

.internal-content-dois{
	width:630px;
	height:auto;
	min-height:600px;
	margin:0px 0px 0px 0px;
}

.internal-content-dois .titulo{
	height:45px;
	width:630px;
	float:left;
	background:url(images/bg-title.png) top left no-repeat #FFF;
	margin:0 0 10px 0;
}

.internal-content-dois .titulo p{
	margin:0 0 0 10px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#8b817a;
	line-height:45px;
}



.internal-content-dois .bigbanner{
	margin:0px 0px 10px 0px;
	width:630px;
	height:auto;
	min-height:100px;
	float:left;
}

/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/
#bg-featured{height:430px; margin-top:20px;}
	#featured {  background: url(images/featured-bg.png) no-repeat top center ; width:630px; height:290px; s 	 }	
	a#left-arrow, a#right-arrow, #featured .nivo-prevNav, #featured .nivo-nextNav { position: absolute; top: 158px; width: 39px; height: 40px; text-indent:-9999px; z-index: 40; }
		a#left-arrow, #featured .nivo-prevNav { background:url(images/left-arrow.png) no-repeat; left: 0px; }	
		a#right-arrow, #featured .nivo-nextNav { background:url(images/right-arrow.png) no-repeat; right: 0px; }
			.featured-top-shadow { background:url(images/featured-top-shadow.png) repeat-x; position: absolute; top:0; left: 0px; width: 960px; height: 4px; }
			.featured-bottom-shadow { background:url(images/featured-bottom-shadow.png) repeat-x; position: absolute; bottom:0; left: 0px; width: 960px; height: 4px; }
			.featured-description { position: absolute; width: 380px; height: auto; top: 62px; left:53px; background:url(images/featured-description.png); padding: 37px 33px 40px 40px; }
				h2.featured-title { font-family: 'philosopher', Arial, sans-serif; font-size: 45px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); }
					h2.featured-title a { font-family: 'philosopher', Arial, sans-serif; text-decoration: none; color: #2e2e2e; }
				.featured-description p { color: #344043; font-size:13px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); }	
				a.readmore { display: block; background: url(images/readmore.png) #ffc730; height: 30px;padding: 0 15px; color: #000; font-size: 14px; font-family: 'philosopher', Arial, sans-serif; line-height: 27px; position: absolute; bottom: 0px; left: 40px; text-decoration:none; }
				#featured a.readmore:hover { color: #fff; }
	#controllers, .nivo-controlNav { text-align: center; padding-top: 12px; padding-bottom: 14px;  }
		#controllers a, .nivo-controlNav a { background:url(images/controller1.png) no-repeat; display:block; height:11px; margin-right:4px; text-indent:-9999px; width:11px; display: inline-block; }
			#controllers a.activeSlide, .nivo-controlNav a.active, #controllers a:hover, .nivo-controlNav a:hover { background:url(images/controller2.png) no-repeat; }


.internal-content-dois .smallbanner{
	margin:0px 0px 0px 0px;
	width:630px;
	min-height:100px;
	height:auto;
	float:left;
}

.internal-content-dois .smallbanner ul li{
	display:inline-block;
	height:140px;
	width:310px;
}

.internal-content-dois .planos{
	margin:45px 0px 0px 0px;
	width:630px;
	min-height:100px;
	height:auto;
	float:left;
}


.internal-content-dois .servicos{
	margin:45px 0px 0px 0px;
	width:630px;
	min-height:100px;
	height:auto;
	float:left;
}

.internal-content-dois .servico{
	width:127px;
	height:235px;
	float:left;
	margin:0px 15px 30px 15px;
}

.internal-content-dois .servico p{
	text-align:center;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 13px;
	color: #766a62;
	margin:5px 0 10px 0;
}

.internal-content-dois .servico span{
	font-weight:bold;
	font-size:14px;
}









.internal-content-dois .aparelhos{
	margin:35px 0px 0px 0px;
	width:630px;
	min-height:100px;
	height:auto;
	float:left;
}

	.internal-content-dois .aparelho{
	width:145px;
	height:310px;
	float:left;
	margin:0px 5px 30px 5px;
}
	.internal-content-dois .aparelho p{
	text-align:center;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 13px;
	color: #766a62;
	margin:5px 0 0px 0;
	line-height:15px;
}

.internal-content-dois .aparelho span{
	font-weight:bold;
	font-size:14px;
}






	
	.politica{
		margin:-20px 0px 0px 0px;
		z-index: 999;
		text-align:right;
		width:150px;
		height:30px;
		position:absolute;
		right:0;
		top:0;
	}
	
	.politica a{
		text-decoration:none;
		color: #999;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
		font-size:11px;
	}	
	
	.politica a:hover{
		color:#000;
	}
		
	#formulario{
		width:300px;
		height:540px;
		position: inherit;
		top:-120px;
		right:0px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
		font-size:12px;
		color:#fff;
		z-index:100;
	}
		
	#form {
		width:300px;
		height:auto;
		border:0;
		margin:0px 0 0 0;
		border:none;
	}


#footer{
	width:100%;
	height: 95px;
	position:relative;
	margin:0px 0 0 0;
	display:block;	
}

.footer{
	width:960px;
	height:90px;
	margin:auto;
	background:url(images/bg-footer.jpg) top center no-repeat;
}

.footer-left{
	width:490px;
	height: 90px;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size:11px;
	color:#666666;
	margin:0px 0px 0px 0px;
	line-height:17px;
}

.footer-left .estaticos{
	width:320px;
	height:60px;
	float:left;
	margin:15px 0px 0px 90px;
}

.footer-left .selo{
	width:150px;
	height:30px;
	float:right;
	margin-top:30px;
}

.footer-right{
	width:450px;
	height: 70px;
	float:right;
	margin:10px 0px 0px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size:11px;
	line-height:14px;
	color:#666;
}

.footer-right p{
	margin:5px 0 0 0;
}








#sucesso{
			width:300px;
			height:510px;
			float:right;
			position:absolute;
			top:-80px;
			right:0px;
		}
		
		
#botao {
	z-index:2;
	background:url(images/loading.gif) center center no-repeat ;
	width:280px;
	height: 55px;
}



/*------------------------------------------------*/
/*--------------   TABELA   -----------------*/
/*------------------------------------------------*/
#psdgraphics-com-table {
	margin:60px 0 0 0;
	padding: 4px;
	width: 620px;
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
	color:#747474;
}


#psdg-header {
	margin:0;
	padding: 14px 0 0 24px;
	width: 554px;
	height: 55px;
	color:#FFF;
	font-size:13px;
}

#psdg-top {
	margin:0;
	padding: 0;
	width: 620px;
	height: 50px;
	border-top: 2px solid #FFF;
}

.psdg-top-cell {
	float:left;
	padding: 0px 0 0 0;
	text-align:center;
	width:90px;
	height: 50px;
	border-right: 1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	color:#ffffff;
	font-size: 14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
	background:#766a62;
	font-weight:bold;
}

.psdg-top-cell img{
	margin-top:10px;
}

#psdg-middle {
	margin:0;
	padding: 0;
	width: 620px;

}

.psdg-left {
	float:left;
	margin:0;
	padding: 15px 0 0 0px;
	width: 110px;
	text-align:center;
	height: 34px;
	border-right: 1px solid #cdcbc7;
border-bottom: 1px solid #ffffff;
	color:#ffffff;
	font-size: 14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
	background:#de4900;
	font-weight:bold;
}



.psdg-right {
	float:left;
	margin:0;
	padding: 15px 0 0 0;
	width: 90px;
	text-align:center;
	height: 34px;
	border-right: 1px solid #cdcbc7;
	border-bottom: 1px solid #cdcbc7;
	background:#ffffff;
}

.psdg-right2 {
	float:left;
	margin:0;
	padding: 5px 5px 0 5px;
	width: 130px;
	text-align:center;
	height: 44px;
	border-right: 1px solid #cdcbc7;
	border-bottom: 1px solid #cdcbc7;
	background:#ffffff;
	line-height:14px;
}

.psdg-right-final {
	float:left;
	margin:0;
	padding: 15px 0 0 0;
	width: 90px;
	text-align:center;
	height: 34px;
	border-right: 1px solid #cdcbc7;
	border-bottom: 1px solid #cdcbc7;
	background:#f7f7f7;
}



#psdg-bottom {
	clear:both;
	margin:0;
	padding: 0;
	width: 620px;
	height: 48px;
	border-top: 2px solid #FFF;
	background: #e4e3e3 url(images/bottom-line.png) repeat-x left top;	
}


.psdg-bottom-cell {
	float:left;
	padding: 15px 0 0 0;
	text-align:center;
	width:105px;
	height: 33px;
	border-right: 1px solid #ced9ec;
	color:#070707;
	font-size: 13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
}



#psdg-footer {
	font-size: 10px;
	color:#8a8a8a;
	margin:0;
	padding: 8px 0 8px 12px;
	width: 610px;
	background: #f6f6f6 url(images/center-bcg.png) repeat-y right top;	
}














/*------------------------------------------------*/
/*--------------   FORMULARIO  -----------------*/
/*------------------------------------------------*/
		.formulario{
			width:300px;
			height:auto;
			min-height:520px;
			float:right;
			margin-top:10px;
			*margin-top:10px; /* IE7 */
			_margin-top:10px; /* IE8 */
			margin-top:10px \0/; /* IE9 */
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
			font-size:12px;
			color:#453e39;
			background:url(images/bg-form.png) top center no-repeat;
		}
		
			.container {
				width: 300px; 
				margin: auto;
				height:auto;
				float:right;
				margin-top:	70px;
				*margin-top:70px; /* IE7 */
				_margin-top:70px; /* IE8 */
				margin-top:70px \0/; /* IE9 */
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
				font-size:9px;
				color:#453e39;
		}
		
		
		
		
					ul.tabs {
						list-style: none;
						height: 32px;
						width: 100%;
					}
					ul.tabs li {
						float:left;
						margin-left: 5px;
						padding: 0;
						height: 31px;
						width: 140px;
						line-height:31px;
						text-align:center;
						color: #006bbb;
						margin-bottom: -2px;
						overflow: hidden;
						position: relative;
						font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
						font-size:10px;
						font-weight:bold;	
						background: #e0e0e0;
						
					}
					ul.tabs li a {
						text-decoration: none;
						color: #787878;;
						display: block;
						font-size: 1.7em;
						padding: 0 5px;
						outline: none;
						
					}
					ul.tabs li a:hover {
						background: #ccc;
					}	
					ul.tabs li.active, html ul.tabs li.active a:hover  {
						border-bottom: 1px solid #fff;
						background: url(images/btn-activ.png)center center no-repeat #ffffff;
						background-position: 5px 3px;	
					}
		
		
		
		
		
		
		
		
		
		
					.tab_container {
					clear: both;
					float: left; 
					width: 300px;
					height:475px;
					border-top:none;
					border-right:1px solid #cdcbc7;
					border-left:1px solid #cdcbc7;
					border-bottom:1px solid #cdcbc7;
					background: #FFF;

					}
					.tab_content {
						font-size: 1.2em;
					}
					.tab_content h2 {
						font-weight: normal;
						padding-bottom: 10px;
						border-bottom: 1px dashed #ddd;
						font-size: 1.8em;
					}
					.tab_content h3 a{
						color: #254588;
					}
					.tab_content img {
						float: left;
						margin: 0 0px 0px 0;
						border: 1px solid #ddd;
						padding: 5px;
					}
		
		
		
		
		
		
		
		
		
		
		
		
		#form {
	border:0;

	height: auto;
	margin-left:5px;
	width:300px;
	}

#form form {
	width:290px;
	height:410px;
	margin-left:2px;
}


#form form fieldset {
		float:left;
	margin-top:5px;
	height:400px;
}

#form form label {
	width:280px;
	display:block;
	margin-bottom:3px;
}

#form form input{
	height:20px;
	width:283px;
	margin-bottom:5px;
	background-color:#f1f1f1;
	border:1px #a4a4a4 solid;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#form form input.radio{
	height:12px;
	width:12px;
	border:1px #b9dceb solid;
	margin-bottom:5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#form form select {
	height:25px;
	width:140px;
	background-color:#f1f1f1;
	border:1px #a4a4a4 solid;
	margin-bottom:5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#form form .big-select {
	height:25px;
	width:280px;
	background-color:#f1f1f1;
	border:1px #a4a4a4 solid;
	margin-bottom:5px;
}

#form form textarea{
	height:40px;
	width:275px;
	background-color:#f1f1f1;
	border:1px #a4a4a4 solid;
	margin-bottom:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0;
}

#form form fieldset .left-field{
	width:135px;
	float:left;
}

#form form fieldset .right-field{
	width:135px;
	float:right;
	margin-right:10px;
}


#form form .small-label{
	width:135px;
}

#form form .small-label2{
	width:135px;
	font-size:11px;
}

#form form label.big-label{
	clear:both;
	width:280px;
}

#form form .small-input{
	width:138px;
}






#form .btn_submit{
		background:url(images/btn-submit.png) top center no-repeat;
		width:280px;
		height:55px;
		border:none;
		text-align:center;
	}
	
	#form .btn_submit:hover{
		background:url(images/btn-submit.png) bottom center no-repeat;
		cursor:pointer;
	}



/**************** BANNER CYCLE *****************/
#main { background: #fff; 
	margin: 0 20px 20px 20px }


.pics { height: 290px; 
	width: 630px; 
	padding:0; 
	margin:	0; 
	overflow: hidden 
	}



#slideshow { width: 630px; height: 290px; }
#nav { z-index: 50; position: absolute; bottom: 2px; left: 555px; font:12px "Arial"; }
#nav a { margin: 0 1px; padding: 3px 5px; border: 1px solid #ccc; background: #9f9d9b; text-decoration: none; color: #fff; }
#nav a.activeSlide { background: #dd4900; font:16px bold "Arial"; }
#nav a:focus { outline: none; }
/***************** END *******************/





/***************************************** SLIDE TOP *************************************/


/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    	top: 0;
    	z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 255px;
  	color: black;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 280px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #fff;
	
}

.tab ul.login li a:hover {
	color: #F60;}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 130px;
	position: relative;
	top: 11px;
    text-decoration: none;


}

.tab a.open {background: url(images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#panel {
	width: 100%;
	height: 220px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

.login h1 {
	font-size: 16px;
	margin: 0;
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #FFF;
}

#panel a:hover {
	color: #F60;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(images/bt_login.png) no-repeat 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(images/bt_register.png) no-repeat 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/************************************* END SLIDE TOP *************************************/