@charset "utf-8";
/* CSS Document
Theme: Classico dark and blue
Author: Decio Santos and Pamela Rebelo
Author URI: http://deciotgr.org , http://pamelarebelo.com
*/

body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	background: #191D20 url(images/backbody.jpg) repeat-x top left;
	text-align: center;
	padding: 0;
	margin: 0;
	color: #323A3D;
	*overflow-x:hidden;
}
img {
	border: 0;
}
a{
	cursor: pointer;
}

a, a:link, a:active, a:visited {
	color: #D0E1EB;
	text-decoration: underline;
}

a:hover {
	color: #323A3D;
	text-decoration: none;
}

#header {
	float:left;
	width: 965px;
	height: 90px;
	margin: 0 0 5px 0;
	}

#header img {
	float: left;
	margin: 0 0 0 15px;
	cursor:pointer;
}

#header h2 {
	color: #D0E1EB;
	float: right;
	text-align:left;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	height: 40px;
	margin: 15px 5px 0 0;
	cursor:crosshair;
}
#header ul {
	float:left;
	width:750px;
	list-style: none;
	color: #FFF;
	text-align: center;
	font-size: 1em;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	}

#header ul li {
	display:inline;
	float:left;
	line-height: 32px;
	width: 120px;
	height: 31px;
	margin: 0;
	cursor: pointer;
}

#header ul li:hover {
	color: #0A121F;
	background: url(images/menupaginashover.png) no-repeat center center;
}

#header ul li a {
	color: #fff;
	padding: 25px 8px;
	font-size:1em;
	text-decoration: none;
	cursor:pointer;
}

#header ul li a:hover {
	color: #0A121F;
	text-decoration: none;
}

#flash{
	float:right;
	margin:-5px 19px 0 0;
	height: 100px;
	z-index:-20;
}

#content {
	background:url(images/bkcontent.png) top center no-repeat;
	width: 990px;
	margin: 0 auto;
}

#content .menu_lateral {
	width: 175px;
	float: left;
	list-style: none;
	margin:  -2px 0 0 17px;
	padding:  0;
	line-height: 40px;
	position:relative;
}

#content .menu_lateral li {
	width: 168px;
	height: 44px;
	font-size: 12px;
	text-align: center;
	padding: 0;
	margin: 0;
	background: url(images/mlink.png) no-repeat top center;
	cursor: pointer;
}

#content .menu_lateral li:hover {
	font-size: 12px;
	background: url(images/mlinkhover.png) no-repeat top center;
	cursor: pointer;
}

#content .menu_lateral a {
	color: #323A3D;
	padding:10px 20px;
	text-align:center;
	text-decoration: none;
	cursor: pointer;
}

#content .menu_lateral a:hover {
	color: #323A3D;
	text-decoration: none;
}

#texto {
	float: left;
	width: 590px;
	margin: 23px 0 0 5px;
	text-align: left;
}

#texto h1 {
	font-size: 20px;
	border-bottom: 2px solid #323A3D;
}
#textoclientes {
	background:#fff url(images/txtclientes.jpg) repeat-x bottom;
	float: left;
	width: 930px;
	height:472px;
	padding:0 20px 10px 0;
	margin: 0 0 0 20px;
	text-align: left;
}

#textoclientes h1, #textoclientes h2 {
	font-size: 1.4em;
	color:#56646A;
	padding:0 0 0 10px;
	border-bottom:1px dotted #56646A;
}

#textoclientes h2 {
	clear:both;
}
#parceiros, #clientes{
	list-style:none;
	width:880px;
	float:left;
}
#parceiros li, #clientes li{
	display:inline;
	float:left;
	cursor:crosshair;
}
#parceiros li{
	width:100px;
	height:112px;
	margin:0 5px;
	color:#777;
}
#parceiros li:hover{
	color:#283943;
}
#parceiros img, #clientes img{
	background: #D6E7F6;
	border: 1px solid #ccc;
	padding:3px;
	cursor:crosshair;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;

}
#parceiros img:hover, #clientes img:hover{
	background: #fff;
	border:1px solid #888;
}
#parceiros img{
	float:left;
	width:80px;
	margin:0 0 3px 6px;
}
#parceiros p{
	font-size:0.8em;
	text-align:center;
}
#clientes li{
	margin:0 4px;
}
#clientes img{
	width:70px;
}
.clientesemlogo {
	width:210px;
	height:200px;
	margin:1px 0 0 0;
	color:#56646A;
	list-style:none;
	float:left;
	font-size:0.80em;
}
.clientesemlogog {
	width:330px;
	height:200px;
	margin:5px 0 0 0;
	color:#56646A;
	list-style:none;
	float:left;
	font-size:0.85em;
}
.clientesemlogop {
	width:100px;
	height:200px;
	margin:1px 0 0 0;
	color:#56646A;
	list-style:none;
	float:left;
	font-size:0.80em;
}
.clientesemlogo li{

	margin:0;
	padding:0;
}
#texto ul {
	width: 580px;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

#texto table {
	width: 600px;
	padding: 0;
}
#text table tr{
	margin:10px 0;
}
#texto table td {
	width: 300px;
}
#texto a{
	padding:2px 2px;
}
#texto a:hover{
	background:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
}
#texto a, a:visited{
	color: #333;
}
#textoempresa {
	float: left;
	width: 640px;
	margin: 23px 0 0 5px;
	font-size: 10px;
	text-align: left;
}

#textoempresa h1, #textoatuacao h1 {
	font-size: 20px;
	border-bottom: 2px solid #323A3D;
}
#textoempresa p, #textoatuacao p {
	font-size: 1.15em;
}

#textoatuacao{
	float: left;
	width: 640px;
	margin: 10px 0 0 5px;
	text-align: left;
}
#textoatuacao a{
	color:#000;/*retirar apos a escolha por aba horizontal ou vertical*/
}
#textoatuacao span{
	font-weight:800;
	font-style:oblique;
	font-size:0.9em;
}
#firstparag{
	float:left;
}

#firstparag:first-letter {
	float:left;
	margin:3px 2px 0 0;
	line-height:30px;
	font-size:3.3em;
	font-weight:600;
}
#lastparag{
	float:left;
	width:300px;
	margin:50px 0 0 0;	
}
.imgempresaleft{
	float:left;
	width:200px;
	margin:15px 20px 10px 0;
	border:5px #fff solid;
}
.imgempresaright{
	float:right; 
	width:200px;
	margin:0 12px 0 12px;
	border:5px #fff solid;
}
.enfase{
	font-weight:700;
	font-size:1.1em;
}
#sidebar {
	width: 130px;
	height: 376px;
	background: #323A3D;
	float: right;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 2px 19px 0 0;
	z-index:30;
}

#sidebar ul {
	width: 122px;
	padding: 40px 0 30px 3px;
	margin: 0;
	text-align: center;
	font-size: 9px;
}

#sidebar ul li {
	width: 124px;
	height: 34px;
	line-height: 34px;
	list-style: none;
	background: url(images/menulinksec.png) no-repeat top center;
	text-align: center;
	padding: 0;
	margin: 0;
	color: #D1E0EB;
	cursor: pointer;
}

#sidebar ul li:hover {
	background: url(images/menulinksechover.png) no-repeat top center;
	font-weight: 900;
}

#sidebar ul li a {
	color: #D1E0EB;
	text-decoration: none;
	padding:10px;
	cursor: pointer;
}

#sidebar ul li a:hover {
	color: #090F1A;
	padding:10px;
}

form {
	font-size: 11px;
	margin: -10px 0 0 0;
	padding: 0 0 0 60px;
}

fieldset {
	border: 0;
	padding: 0;
}

label {
	color:#090F1A;
	width: 460px;
	display: block;
	float: left;
	margin: 6px 0 0 0;
}

.center {
	text-align: center;
}

textarea {
	width: 450px;
	margin: 5px 0 0 0;
	padding: 5px;
	border: 0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #666666;
	font-size: 11px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	background: #FFFFFF url(images/fundo_text.gif) repeat-x bottom left;
}

input {
	width: 450px;
	height: 20px;
	margin: 2px 0 0 0;
	padding: 5px 3px 0px 3px;
	border: 0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #666666;
	background: #FFFFFF url(images/fundo_input.gif) repeat-x bottom left;
	font-size: 11px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
}

.cidade {
	width: 220px;
}

.campo_cidade {
	width: 150px;
}

.enviar {
	background: transparent url(images/fundo_bt.gif) repeat-x bottom left;
	width: 60px;
	height: 27px;
	padding: 0;
	color: #D1E0EB;
	line-height: 10px;
	text-align: center;
	font-size: 14px;
	margin: -2px 0 0 0;
	*margin:5px 0 0 0;
	cursor:pointer;
}

.estado {
	width: 80px;
}

.campo_estado {
	width: 30px;
}


.cep {
	width: 140px;
}

.campo_cep {
	width: 100px;
}

.telefone {
	width: 165px;
}

#footer {
	background:url(images/menusites.png) bottom center no-repeat;
	width: 825px;
	height: 90px;
	clear: both;
	padding:0 30px 0 0;
	margin:0 auto;
	text-align: center;
}

.sites{
	width:820px;
	margin:0 0 0 60px;
	padding:20px 0 0 0;
	list-style:none;
}
.sites li{
	display:inline;
	float:left;
	margin:0 10px;	
}
.sites li h4{
	margin:30px 0 0 0;
	color:#ccc;
	font-weight:100;
	font-size:0.8em;
}
.sites img{
	margin: 10px 0 0 0;
	height:48px;
	width:70px;
}
.sites a:hover{
	border-bottom:0.2em #ccc solid;
}
address {
	color: #D0E1EB;
	text-shadow: 0.1em 0.08em 0.2em #000;
	font-size: 16px;
	line-height: 24px;
	margin: 20px 0 5px 0;
	text-align: center;
	padding: 0 10px 10px 10px;
}
address #mapa {
	padding:4px;
	color: #fff;
	cursor:pointer;
	text-decoration:none;
}

address #mapa:hover{
	background:#fff;
	color: #090F1A;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
}

small {
	width: 400px;
	margin: 10px auto;
	padding: 10px;
	display: block;
	border-top: 0.2em solid #666;
	color: #ABC4D9;
}

.assinatura:visited{
	color: #ABC4D9;
}

#skype {
	padding:5px 3px;
	color: #fff;
	cursor:pointer;
	text-decoration:none;
}
#skype:hover{
	background:#fff;
	color: #090F1A;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
}
#skype img{
	margin:0 0 -10px 0;
}
#programacao, #design{
	display:block;
	text-align:center;
	margin:10px 0;
}
#programacao a, #design a{
	color:#fff;
}

#programacao a:hover, #design a:hover{
	background:#333;
}
/*=========================Scroll===========================*/


.holder {
	float: left;
	margin: 0  5px 5px 5px;
}
.holder p{
	width:520px;
	font-size:1.12em;
}
/*div do scroll*/
.scroll-pane {
	float: left;
	width: 565px;
	height: 300px;
	padding:0 0 0 25px;
	overflow: auto;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:#A7C8DB;	
}
.jScrollPaneDrag {
	position: absolute;
	background: #323A3D url(images/setascroll.png) bottom center no-repeat;
	cursor: pointer;
	overflow: hidden;
}

/*=========================End of Scroll===========================*/


.curriculo2{
	float:left;
	width:255px;
	margin:40px 8px 0 8px;
}
.curriculo2 img{
	width:150px;
	height:200px;
	border:6px #ccc solid;
	margin:0  15px 5px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;	
}
.curriculo2 img:hover{
	border:6px #10161B solid;
}
.curriculo2 h3{
	float:right;
	width:90px;
	margin:80px 0 40px 0;
	font-size:1em;
	text-align:left;
	border-bottom: 0.1em solid #323A3D;
}

/*links dos profissionais na pagina de empresa com overlay*/
.profissa{
	float:left;
	width:150px;
	height:200px;
}
.profissa:hover{
	background:url(images/lupa.png) bottom right no-repeat;
}

/*=======================Paginas Extras=================*/
.overnome {
	margin:0 0 0 250px;
}
.overnome h3{
	width:420px;
	margin:62px 0 0 0;
	color:#fff;
	border-bottom:1px #fff solid;
	font-size:2.8em;
	font-weight:700;
	letter-spacing:0.02em;
}
.overdescricao {
	float:left;
	height:310px;
	width:480px;
	margin:20px 0 0 0;
	overflow-y:auto;
}
.overdescricao h4, ul{
	float:left;
	width:380px;
	padding:0 0 0 20px;
}
.overdescricao h4{
	margin:3px 0;
	font-size:1.4em;
	font-weight:700;
	font-style:oblique;
}
.overdescricao li{
	margin:6px 0 12px 20px;
	list-style:url('images/bulletcurr.png');
	font-size:1.2em;
}
/*====================== overlay *=========================/
 

/* use a semi-transparent image for the overlay */
#overlay {
	background:url(images/overclaudio.png);
	color:#efefef;
	height:450px;
	width:700px;
}
#overlay2 {
	background:url(images/overglaucio.png);
	color:#efefef;
	height:450px;
	width:700px;
}

#overlay3popup {
	background:#fff;
	height:450px;
	width:850px;
	text-align:left;
	overflow-y:auto;
	overflow-x:hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
}
#overlay4form{
	background:url(images/overform.png);
	height:450px;
	width:700px;
	margin: 10px 0 0 0;
	text-align: left;
	color:#fff;
}
#overlay4form form {
	font-size: 11px;
	margin: 0 0 0 130px;
	padding: 0 0 0 0;
}
#overlay4form textarea {
	overflow:auto;
	margin:10px 0 0 0;
	height:100px;
}
#overlay4form input{
	margin: 10px 0 0 0;
}
#overlay4form h1 {
	color:#090F1A;
	font-size: 20px;
	width: 690px;
	border-bottom: 1px solid #090F1A;
}
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:500px;
	width:750px;
	overflow:hidden;
}


/* the overlayed element */
div.overlay {
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background:url(images/lupaclose.png) center center no-repeat;
	position:absolute;
	right:30px;
	top:30px;
	cursor:pointer;
	height:40px;
	width:40px;
}
div.overlay div.close:hover {
	background:url(images/lupacloseborder.png) center center no-repeat;
}

/* black */
div.overlay.black {
	background:#000 ;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:#555;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}


/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	width: 570px;
}

/* accordion header */
#accordion h2 {
	background: url('images/setascroll.png') no-repeat left center;
	margin: 2px 0;
	padding:2px 15px;
	font-size:1.2em;
	font-weight:600;
	cursor:pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
}
/*====================== start of  vertical tabs =========================*/

/* currently active header */
#accordion h2.current {
	background:#323A3D;
	color:#fff;
	cursor:pointer;
}
#accordion h2:hover{
	background:#fff url('images/setascroll.png') no-repeat left center;
	color:#323A3D;
	cursor:pointer;
}
/* accordion pane */
#accordion div.pane {
	display:none;
	padding:0;
	height:140px;
	width:565px;
	color:#fff;
	border-bottom:1px #323A3D dashed;
	font-size:12px;
	overflow:auto;
}

/* a list inside pane */
#accordion div.pane ul {
	color:#222;
	width:460px;
}
#accordion div.pane li {
	margin:10px 0;
}
/*====================== end of vertical tabs =========================*/

/*====================== start of horizontal tabs =========================*/

/* root element for tabs  */
ul.tabs {
	float:left;
	list-style:none; 
	margin:0; 	
	width:620px;
	border-bottom:1px #323A3D dashed;
}
ul.tabs h2 { 
	font-size:0.90em;
	cursor:pointer;
}

/* single tab */
ul.tabs li { 
	float:left;
	margin:0 1px;
}

/* link inside the tab. uses a background image */
ul.tabs a {
	background:#7B98A5;
	display:block;
	text-decoration:none;
	height:28px;
	padding:5px 5px 0;
	margin:2px 1px 0;
	cursor:pointer;
	outline:none;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
}
/* when mouse enters the tab move the background image */
.tabs a:hover {
	background: #fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background:#fff; 
}

/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;
}
div.panes ul {
	width:625px;
	*width:580px;
	height:228px;
	*height:240px;
	font-size:1.1em;
	overflow:auto;
}
div.panes li {
	margin:10px 0;
	padding:0 10px 0 0;
}
/*====================== end of horizontal tabs =========================*/

/*====================== start of tooltip =========================*/

/* override the arrow image of the tooltip */ 
#dynatip{
    display:none; 
    background:url('images/cxtxt.png') no-repeat ; 
    font-size:1.2em;
    text-align:center;
    height:70px; 
    width:160px;
    margin:0;
    padding:30px;
    color:#323A3D;     
}

#dynatip.bottom { 
    background:url('images/cxtxt_bottom.png') no-repeat top;
    height:70px; 
    width:160px;
    padding:50px; 
}

/* simple css-based tooltip */ 
.tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;

    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}
/*====================== end of tooltip =========================*/