/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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%;background:transparent;}

body {line-height:1;}
ol, ul {list-style:none;}
:focus {outline:0;}
/*
**	M2G
*/

/*
**	START IE7
*/

#conteudocols{
	*margin-left:25px;
	*width: 900px;
}

/*
**	END IE7
*/



body {
	font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#333;
	line-height:18px;
	background-color: #b0b8bf;
	background-image: url(images/bg-header.png);
	background-repeat: repeat-x;
}

/***** Miscellaneous *****/

hr {
	border: 1px solid #ccc;
}
input {
	border:1px solid #CCC;
	font-size:13px;
	padding-top: 3px;
	padding-bottom: 3px;
	color:#333;
}
.img-input {border:0;}
.erro {color:#F00;font-weight:bold;}
.ok {color:#3A0;padding-bottom:10px;font-weight:bold;}

#wraplogin {
	position:relative;
	width:968px;
	z-index: 5;
	margin:0 auto;
	margin-top: 5px;
	height: 1px;
}
#login {
	position:absolute;
	left:665px;
	top:13px;
	width:368px;
	height:37px;
}
#logado {
	position:absolute;
	left:665px;
	top:7px;
	width:368px;
	height:37px;
}
#logadonome{
	font-size: 11px;
	color: #5f5f5f;
	padding-left: 30px;
	*margin-left: 30px;
}
#bglogin1{
	height: 26px;
	width: 113px;
	background-image: url(images/form-bg-001.png);
	padding-right: 3px;
}
#logadobg{
	height: 26px;
	width: 217px;
	background-image: url(images/logado-bg.png);
	padding-right: 3px;
}
#bglogin2{
	height: 26px;
	width: 86px;
	background-image: url(images/form-bg-002.png);
}
#textfieldlogin{
	color: #333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 11px;
	height: 9px;
}
/***** Links *****/
a {
	color:#3399ff;
	text-decoration:underline;
}
a:hover, a:focus {
	color:#3399ff;
	text-decoration:none;
}

/***** FORM *****/

.txtform{
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: right;
}
.txtobs{
	font-size: 10px;
	color: #666;
}

/***** COMMON *****/
#wrapper {
	width:968px;
	margin:0 auto;
	position:relative;
	background-color: #e1e9ed;
	margin-top:59px;
	z-index: 0;
}
#menuprincipal{
	width: 100%;
	height: 107px;
	margin:0 auto;
	position:absolute;
	top:0;
	z-index:1;
}
#wrappercont {
	width:968px;
	margin:0 auto;
	position:relative;
}
#conteudo {
	background-image: url(images/bg-cont.png);
	width: 968px;
	padding-left: 28px;
}
#clientescont {
	width:900px;
	margin:0 auto;
	position:relative;
}

#areacolor{width: 954px;height: 5px;margin-left: 7px;}

h1 {font-variant: bold;color: #3399ff;padding-top: 25px;padding-bottom: 25px;}

h2 {font-variant: bold;color: #3399ff;padding-bottom: 25px;}

h3 {font-variant: bold;color: #3399ff;padding-bottom: 10px;}

h4 {font-variant: bold;color: #3399ff;}

.txtbold{
	font-weight: bold;
}

#imgborder {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 15px;
	border: 1px solid;
	border-color: #ccc;
	padding: 5px;
}

/***** HOME *****/
#destaques {
	width:968px;
	height:133px;
	margin-top:12px;
}
/***** FOOTER *****/

#footer {width:968px;height:145px;margin-top:12px;background-image: url(images/rodape.jpg);
	color: #fff;font-size: 10px;}
#footer #cols{
	padding-left: 15px;
	padding-top: 5px;
}
#footer a {color:#fff;text-decoration: underline;}
.footerbold {color:#fff;font-weight: bold;}

#goblin{width: 968px;position: relative; background-color: #b0b8bf;}



/***** QUEM SOMOS *****/
#quemsomos #header {
	width: 968px;
	height: 127px;
	background-image: url(images/header-quemsomos.jpg);
}
#quemsomosbox{
	background-image: url(images/quemsomos-box-bg.png);	
}
#persona{
	margin-left: 15px;
}


/***** TRADUCAO ESPANHOL / INGLÊS *****/
#traducao #header2 {
	width: 968px;
	height: 127px;
	background-image: url(images/header-quemsomos-espanhol.jpg);
}
#traducao #header3 {
	width: 968px;
	height: 127px;
	background-image: url(images/header-quemsomos-ingles.png);
}
#quemsomosbox{
	background-image: url(images/quemsomos-box-bg.png);	
}
#persona{
	margin-left: 15px;
}


/***** CASOS DE SUCESSO *****/

#casos #header {width: 968px;height: 137px;background-image: url(images/header-casos.jpg);}

/***** CASOS DE SUCESSO *****/

#clientes #header {width: 968px;height: 137px;background-image: url(images/header-clientes.jpg);}

/***** FALE CONOSCO *****/

#faleconosco #header {width: 968px;height: 127px;background-image: url(images/header-faleconosco.jpg);}

/***** SENHA *****/

#senha #header {width: 968px;height: 127px;background-image: url(images/header-senha.jpg);}

/***** NOVOFAX *****/

#novofax #destprinc{width: 968px;height: 296px;}
#novofax #menuint{margin-top: 12px;margin-left: 10px;width: 944px;}
#novofax #menuareas{margin-left: 7px;margin-top: 12px;}

#novofax #sobre #areacolor{background-color: #6633cc;}
#novofax #infra #areacolor{background-color: #3399ff;}
#novofax #servicos #areacolor{background-color: #66cc99;}
#novofax #custo #areacolor{background-color: #999933;}
#novofax #duvidas #areacolor{background-color: #ff9900;}
#novofax #teste #areacolor{background-color: #cc3333;}

/***** MOBILE *****/

#mobile #destprinc{width: 968px;height: 296px;}
#mobile #menuint{margin-top: 12px;margin-left: 3px;width: 944px;}
#mobile #menuareas{margin-left: 8px;margin-top: 12px;}

#mobile #sobre #areacolor{background-color: #6633cc;}
#mobile #infra #areacolor{background-color: #3399ff;}
#mobile #servicos #areacolor{background-color: #66cc99;}
#mobile #custo #areacolor{background-color: #999933;}
#mobile #duvidas #areacolor{background-color: #ff9900;}
#mobile #teste #areacolor{background-color: #cc3333;}

/***** MOBILE *****/
#mobile #destprinc{
	width: 968px;
	height: 296px;	
}
#mobile #menuint{
	padding-top: 12px;
	padding-left: 15px;
	width: 944px;
}