@charset "utf-8";

/* Resetando Elementos */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { 
	text-decoration:none;
	color:#62577F;
}

a:hover {
	text-decoration:none;
	color:#11003F;
	text-decoration:underline;
}

/* Firefox sempre com barra */
html { overflow: -moz-scrollbars-vertical; }

/* FIM DO ANTIBUG! */


body {
	margin:25px 0px;
	text-align:center;
	background: #333 url(../img/bg_site.gif);
	font: 11px Arial,Helvetica,Geneva,Verdana,sans;
	color:#888;
}

#geral{
	margin:0 auto;
	width:772px;
	background:#222222;
	border:1px solid #000;
}

#corpo{
	display:table;
	width:750px;
	margin:10px;
	background:#FFF;
	border:1px solid #333;
	
}

/* #menu está no arquivo "duk_estilomenu.css" 
*/

#topo{
	clear:both;
	display:block;
	text-align:left;
	height:220px;
	margin-bottom:1px;
}
#topo .ilustracao{
	overflow:hidden;
	width:501px;
	float:left;
	background:#DDD;
	height:219px;
	border:3px solid #FFF;
	border-top:0;
	border-bottom:1px solid #999;
}
#topo .logo{
	width:240px;
	float:left;
	display:block;
	margin-left:1px;
}

#conteudo{
	clear:both;
	display:table;
	height:100%;
	text-align:left;
	font-size:12px;
	line-height: 1.6em;
	width:751px;
}
#conteudo #colEsquerda{
	float:left;
	width:488px;
	/*background:url(../img/bg_celesquerda.jpg) repeat-y;
	border-right:1px solid #DBF0F2;*/
	border-right:1px solid #DDD;
	background-position:5px 0px;
	background-color:#FFF;	
	padding:10px;
}
#conteudo #colEsquerda .box-esquerda{
	padding-bottom:15px;
}
#conteudo #colEsquerda .box-esquerda h2{ margin-bottom:15px;}
#conteudo #colEsquerda .box-esquerda p{line-height:1.6em; margin:10px 0;}
#conteudo #colEsquerda .box-esquerda img{
	width:200px;
	height:120px;
	float:left;
	margin-right:10px;
	background:#DDD;
}

#conteudo #colEsquerda .item1{ display:table; margin-bottom:15px;}
#conteudo #colEsquerda .item1 h2{margin-bottom:25px;}
#conteudo #colEsquerda .item1 img{ background:#FFF; padding:5px; border:1px solid #CCC;}

#conteudo #colEsquerda #clientes-box{ display:table;}
#conteudo #colEsquerda #clientes-box li{
	overflow:hidden;
	background:#FFF;
	float:left;
	margin-left:7px;
	padding:3px;
	width:80px;
	height:80px;
	border:1px solid #CCC;
	border-top-color:#EEE;
	border-left-color:#EEE;
}
#conteudo #colEsquerda #clientes-box li img{width:100%; height:80px;}
#conteudo #colEsquerda #clientes-box li a{border:1px solid #FFF;}
#conteudo #colEsquerda #clientes-box li a:hover{border:1px solid #777;}

#conteudo #colEsquerda .pagina p{ margin:10px 0; color:#555; line-height:1.8em;}
#conteudo #colEsquerda .pagina p span{ float:right; margin:7px; margin-bottom:0; margin-left:10px; width:160px; font: 14px 'Lucida Sans Unicode',Arial,sans; color:#205;	padding:5px 8px; background:#DDD1EF; line-height:1.6em; text-align:left;}

#conteudo #colDireita{
	float:left;
	position:relative;
	width:220px;
	background:#F5F5F5;
	padding:10px;
	margin-left:1px;
}
#colDireita .box-direita{ display:table; margin-bottom:0; padding-bottom:10px;}
#colDireita .box-direita h2{margin-bottom:0; color:#777; font-size:16px;}
#colDireita .box-direita p{display:table; line-height:1.2em; margin-top:3px; font-size:11px;}
#colDireita .box-direita img{
	float:right;
	display:block;
	width:50px;
	margin-right:10px;
	margin-bottom:1px;
	background:#DDD;
}

/* Escondendo itens da SERVICOS BAR */
#pgsoftware #software-boxservico, #pghardware #hardware-boxservico, #pgweb #web-boxservico, #pgcftv #cftv-boxservico{ display:none;}

#colDireita .frase{font: 13px 'Lucida Sans Unicode',Arial,sans; color:#205;	padding:8px;; margin-bottom:15px; background:#DDD1EF;}
#colDireita .frase span{ float:left; font:34px Georgia; margin:0; color:#B0A7BF;}

#colDireita .pg-interna .box-direita h2{ font-size:16px; color:#205;}
#colDireita .pg-interna .box-direita h2 span{ display:block; width:210px; font-size:12px; color:#62758F; border-bottom:1px solid #DDD; padding-bottom:2px; margin-bottom:10px;}

/*HACKS PARA IE6 NA PÁG WEB*/
#pgweb #colEsquerda { _width:480px};
#pgweb #colDireita .pg-interna {_width:175px;}

#colDireita .pg-interna li{ display:table; width:210px; _width:170px; margin-bottom:7px; padding:0;}
#colDireita .pg-interna li img{ float:left; display:block; width:215px; _width:205px; height:60px; margin-bottom:3px; background:#DDD;}
#colDireita .pg-interna li a{ float:left; display:block; width:195px; height:20px; padding:1px 5px; padding-left:15px; background:url('../img/ico_link_portfolio.gif') no-repeat 0 6px; border-bottom:1px solid #DDD;}
#colDireita .pg-interna li a:hover{ text-decoration:none; background-color:#DDD;}

#conteudo .saber-mais{border-bottom:1px solid #DDD; text-align:right;}
#conteudo .saber-mais a{padding:0 5px; font: 11px 'Lucida Sans Unicode',Arial,sans; background:#DDD; border:1px solid #DDD; color:#777; text-decoration:none;}
#conteudo .saber-mais a:hover{background:#EEE; color:#444;}

#barrafinal{ display:table; margin:0 auto; text-align:center; padding:4px 10px; margin-top:20px; background:#222; color:#555;
}

h2{
	font: 20px 'Lucida Sans Unicode',Arial,sans;
	color:#205;
	padding:0;
	margin-bottom:15px;
}

.pagina h2{ font-size:32px;}

.clientes li{ display:block; float:left; width:240px; *width:235px; margin:2px; margin-bottom:10px; font-size:11px; border-bottom:1px dashed #CCC; padding-bottom:7px; }
.clientes li h3{ font:15px "Lucida Sans",Arial; color:#006; margin:0; margin-bottom:5px;}
#conteudo #colEsquerda .clientes li p{ margin:0; line-height:16px;}
.clientes p strong{ color:#555;}

/*FORMULARIO*/
#formulario #form-box{ width:400px; margin-top:30px; margin-left:50px;}
#formulario #form-box p label{ float:left; font:14px "Lucida Sans",Arial; color:#006; margin-top:2px; margin-right:5px; width:75px;}
#formulario #form-box .form-item{ width:260px; background:#FFF; border:2px solid #EEE; font:13px Arial; color:#038; padding:2px;}
#formulario #form-box #enviar{ background-color:#007; border:2px solid #003; font: 14px "Lucida Sans",Arial; text-transform:uppercase; color:#ADF; padding:2px; margin-left:20px; }
#formulario #form-box textarea{ background:red;}

#formulario #erro-form{ text-align:center; width:320px; padding:25px 15px; margin-left:47px; background:#FFDFFF; border:2px solid #FFBFBF; font-size:14px; color:#900; line-height:20px;}
#formulario #erro-form strong{ color:#C00; font-size:14px;}
#formulario #erro-form img{ float:left; margin-top:-15px;}

#formulario #sucesso-form{ text-align:center; width:320px; padding:15px; margin-left:47px; background:#E4FFDF; border:2px solid #AFDFA7; font-size:14px; color:#4A8F3E; line-height:20px;}
#formulario #sucesso-form strong{ display:block; color:#48AF36; font-size:14px;}
#formulario #sucesso-form img{ float:left; margin-top:-5px;}