@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}


body {background: url(../imagens/bg0.jpg) repeat-y center;margin:0;padding:0;}


#main {width:779px;margin:0 auto;height:auto;}


/* DIV TOPO *****************************************************************************************************************/


#topo {width:779px;height:175px;margin:0 auto;}


/* DIV MENU *****************************************************************************************************************/



#menu {width:779px;height:38px;margin:0 auto;background:url(../imagens/bg-navbar.jpg) repeat-x;padding:0;}


#menu ul {list-style:none;font:12px Arial, Helvetica, sans-serif;float:left;margin-top:10px;padding:0;width:770px;font-weight:bold;}

#menu ul {*float:left;*padding:0;*margin:0}/* [IE7] */

#menu ul {_float:left;_padding:4px;_margin:0;}/* [IE6] */

#menu ul li {display:inline;float:left;margin-left:1px;}

#menu ul li{*float:left;*padding-top:11px;*margin-left:1px;}/* [IE7] */

#menu ul li{_float:left;_padding-top:8px;_margin-left:1px;}/* [IE6] */

#menu ul li .ativo {background:url(../imagens/bg-navbar-hover.jpg);color:#990;}

#menu ul li a {text-decoration:none;padding:11px;color:#fff}

#menu ul li a{_padding-left:10px;}/* [IE6] */

#menu ul li a:hover {background:url(../imagens/bg-navbar-hover.jpg);color:#fff;}

#menu ul li a:hover {*color:#fff;}

/* DIV CONTEÚDO ESQUERDO *****************************************************************************************************/



#cont-esquerdo {width:475px;height:auto;float:left;margin-top:2px;}

#cont-esquerdo a{text-decoration:none;color:#069;}

#cont-esquerdo a:hover{color:#9C0}

#cont-esquerdo {_width:275px;_height:680px;_float:left;}/* [IE6]*/

#cont-esquerdo h1 {font:14px Arial, Helvetica, sans-serif;color:#069;font-weight:bold;padding:0;margin-top:9px;margin-left:6px;display:block;width:300px;}

#cont-esquerdo p {font:12px Arial, Helvetica, sans-serif;color:#000;text-align:left;width:300px;display:block;margin-left:6px;}

#cont-esquerdo .imgleft {margin-left:8px;margin-top:6px;}

#cont-esquerdo .setaink{margin-top:9px;}


/* DIV CONTEÚDO DIREITO *******************************************************************/


#cont-direito {width:300px;height:auto;float:right;margin-top:2px;margin-left:2px;}

#cont-direito {*width:260px;*height:auto;*float:right;*margin-top:5px;*margin-left:2px;}/* [IE7]*/

#cont-direito {_width:250px;_height:auto;_float:right;_margin-top:5px;}/* [IE6]*/

#cont-direito .imgright {float:right;}

#cont-direito .imgright {*margin-left:80px;*float:left;}/* [IE7]*/

#cont-direito .imgright {_clear:both;_float:left}/* [IE7]*/

#cont-direito img {margin-top:2px;}

#cont-direito img {*margin-top:5px;}




#cont-direito a img{text-decoration:none;border:1px solid #FFFFFF}

#cont-direito a:hover img{text-decoration:none;border:1px solid #999900}

#cont-direito h1 {font:14px Arial, Helvetica, sans-serif;color:#069;font-weight:bold;float:left;padding:5px;width:210px;}

#cont-direito .commerc{font:14px Arial, Helvetica, sans-serif;color:#069;font-weight:bold;padding:5px;float:right;width:210px;}
	
#cont-direito p {font:12px Arial, Helvetica, sans-serif;color:#000;float:right;clear:both;padding:0;}

#cont-direito p {*float:left;*clear:both;*width:255px;*text-align:left;}/* [IE7]*/

#cont-direito p {_float:left;_clear:both;_width:255px;_text-align:left;}/* [IE6]*/



/* ÁREA DO USUÁRIO **********************************************************************/


#form {width:240px;height:150px;margin:0 auto;color:#000;float:right;}


#form {*margin-left:2px;} /* [IE7]*/


#form {_margin-left:25px;} /* [IE67]*/


#form fieldset{border:0;}

#form label{display:block;padding:3px 0;}

#form .btn {width:90px;height:33px;background:url(../imagens/btn.jpg) no-repeat;font-weight:bold;color:#666;border:0;cursor:pointer;margin-right:2px;font:12px Tahoma, Geneva, sans-serif;padding:2px}
	
#form h1 {font:12px Arial, Helvetica, sans-serif;font-weight:bold;color:#000;text-align:center;}
 
#form input {width:170px;float:left;margin:0;}

#form legend{font:14px Arial, Helvetica, sans-serif;color:#000;font-weight:bold;text-align:center;}

#form  span{font:12px Verdana, Geneva, sans-serif;color:#000;font-weight:bold;margin:0;}

#form  span{*margin-right:3px;}

#form  a{font:12px Arial, Helvetica, sans-serif;text-decoration:none;color:#FFFFFF;background: #900;padding:2px 10px;font-weight:bold; float:right;border:2px solid #999;}
 
#form a:hover{background:#999;color:#FFFFFF;}



/* CONTEÚDO  ****************************************************************************************************/

#conteudo{width:365px;height:500px;margin:0 auto;float:left;margin-left:8px}

#conteudo  p{font:13px Arial, Helvetica, sans-serif;text-align:left;clear:both;margin-top:12px}

#conteudo .contato_img{float:right;margin-top:180px;}

#conteudo h1 {font:14px Arial, Helvetica, sans-serif;color:#069;font-weight:bold;float:left;margin-left:3px;height:10px;margin-top:20px;width:200px;}
#conteudo .img_rol {margin-top:15px;float:left;margin-right:2px;padding:5px;}

/* CONTATO *********************************************************************************************************/


#cont-contato{width:400px;height:500px;margin:0;float:right}

#cont-contato  h1{font:18px Arial, Helvetica, sans-serif;color:#06C;text-align:center;}


#cont-contato form {width:400px;height:250px;margin-top:20%}



#cont-contato form  span {font:13px Arial, Helvetica, sans-serif;color:#000;font-weight:bold;float:right;margin-top:2px;}

#cont-contato form span.mensagem {font:13px Arial, Helvetica, sans-serif;color:#000;font-weight:bold;float:left;margin-left:60px;}


#cont-contato  .img {margin:0 auto;margin-left:50px;margin-top:30px;}


#cont-contato form input {float:left;width:250px;margin-left:2px;margin-top:10px;border:1px solid #CCC;padding:5px;}

#cont-contato form textarea {float:left;width:260px;margin-left:2px;margin-top:10px;border:1px solid #CCC}



#cont-contato form .btn {background:url(../imagens/btn.jpg) no-repeat;width:91px;height:33px;font-weight:bold;color:#666;border:0;cursor:pointer;font:12px Arial, Helvetica, sans-serif;margin:0 20px auto;padding:2px;}



#cont-contato h1 {font:18px Arial, Helvetica, sans-serif;color:#000;font-weight:bold;}

#cont-contato p{font:15px Arial, Helvetica, sans-serif;color:#000;text-align:center;margin-right:22px;font-weight:bold}

/* PORTFÓLIO *************************************************************************************************/


#portfolio {width:750px;height:500px;margin-top:30px;margin:0 auto;}

#portfolio .img {margin-top:15px;float:left;margin-right:2px;padding:5px;}

#portfolio a img {border:3px solid transparent;margin-top:30px;margin-left:20px;}

#portfolio a:hover img {border:3px solid #999;}

#portfolio p {font:12px Arial, Helvetica, sans-serif;color:#000;font-weight:bold;float:left;text-align:left;margin-top:10px;clear:both;}

#portfolio h1 {font:14px Arial, Helvetica, sans-serif;color:#069;font-weight:bold;float:left;margin-left:5px;height:10px;margin-top:20px;width:200px;}

/* DIV QUEM SOMOS *********************************************************************************************************/

#cont-sobre {width:400px;height:500px;margin:0 auto;margin-left:5px;}

#cont-sobre h1 {font:14px Arial, Helvetica, sans-serif;color:#069;font-weight:bold;margin-top:28px;width:150px;}

#cont-sobre p {font:12px Arial, Helvetica, sans-serif;color:#000;margin-top:8px;width:313px;padding:0;text-align:justify}

#cont-sobre img {}

#cont-sobre .baixo{float:right;margin:0 auto;margin-bottom:100px;margin-left:40px;}

#cont-sobre .ideasfor{font:14px Arial, Helvetica, sans-serif;color:#666;}

.ferramentas_sobre{width:379px;height:500px;float:right;}
.ferramentas_sobre img {margin-top:10px;}
/* DIV SERVIÇOS **********************************************************************************************************/


#cont-servicos {width:750px;height:500px;margin:0 auto;margin-top:5px;}

#cont-servicos h1 {font:14px Arial, Helvetica, sans-serif;color:#000;font-weight:bold;margin-top:20px;text-align:left;width:300px;}

#cont-servicos h2{font:14px Arial, Helvetica, sans-serif;color:#000;font-weight:bold;margin-top:20px;text-align:center}

#cont-servicos p {font:13px Arial, Helvetica, sans-serif;color:#000;font-weight:bold;margin-top:8px;}

#cont-servicos .txt-right {font:12px Arial, Helvetica, sans-serif;margin-top:2px;float:left;width:450px}

#cont-servicos ul {list-style:square;font:12px Arial, Helvetica, sans-serif;margin-left:10px;color:#666;margin-top:10px;}
#cont-servicos img {float:right;margin-right:50px;margin-top:50px;}

#cont-servicos span.linux{font:12px Arial, Helvetica, sans-serif;color:#666;margin-top:5px;float:left;width:380px;text-align:left}


/* DIV RODAPÉ ***************************************************************************************************************/


#rodape {width:779px;height:48px;clear:both;border-top:1px solid #000;margin:0 auto;}

#rodape p {text-align:center;font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#000;font-weight:bold;margin-top:5px;}

.ideas {color: #990;font-size: 15px;}

span .logado{font:13px Arial, Helvetica, sans-serif;color:#900;font-weight:bold;background:url(../imagens/btn.jpg)}

.vindo{font:16px  Arial, Helvetica, sans-serif ;font-weight:bold;color:#000;margin-right:20px;}


/* CADASTRO ****************************************************************************************/


#frmCadastro{width:500px;height:500px;margin:0 auto;margin-top:5px;}

#frmCadastro h2{font:16px Arial, Helvetica, sans-serif;color:#000;text-align:center;font-weight:bold}
#frmCadastro input{width:190px;height:20px;margin:0 auto;background:#FFC;border:1px solid #CCC;padding:5px;margin-top:2px;}

#frmCadastro .but{font:12px Arial, Helvetica, sans-serif;color:#000;width:100px;height:30px;cursor:pointer;font-weight:bold;}

#frmCadastro span{font:12px Arial, Helvetica, sans-serif;font-weight:bold;color:#000;}


/* Admin ****************************************************************************************/
fieldset{margin:4px auto;}
.table{	border:0px; text-align:left;}
.table p{font:18px bold Georgia, "Times New Roman", Times, serif;}  
.table th{vertical-align:top; text-align:left;}
.table td{vertical-align:top; text-align:left;}
.table td p{font-size:small; color:#006;}

/* Conteudo saldo **********************************************************/

.recipiente{
	margin: 0 10%;
	padding: 0 5px;
}