/* ############ RESET GLOBAL ################ */
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, hr, input{
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 vertical-align: baseline;
 background: transparent;
 list-style: none;
 border-collapse: collapse;
 border-spacing: 0;
 text-decoration: none;
}
 
img a, a img{border: none;}
blockquote, q {quotes: none;}
 
blockquote:before, blockquote:after, q:before, q:after {
content: ""; content: none;
}
 
html{font-size: 16px;}
 
body {
 font: 83% Verdana, Geneva, sans-serif;
 line-height: 150%;
 color: #666;
}

li {
	color: #000000;
}
 
/* ############ LINKS ################ */
/*a {color: #000;}*/
/*a:hover {color: #666;}*/
/*a:visited {color: #999;}*/
 
/* ############ CABEÇALHOS ############ */
h1, h2, h3, h4, h5, h6{
padding: 5px 0 10px 0;
font-family: Arial, Helvetica, sans-serif;
}
 
h1 {font-size: 180%;}
h2 {font-size: 160%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 120%;}
 
p {padding: 5px 0 10px 0;}
 
/* ############ CLASSES COMUNS ############ */
.clear{clear: both;}
 
.imgLeft{
 float: left;
 padding: 0 6px 3px 0;
}
.imgRight{
 float: right;
 padding: 0 0 3px 6px;
}

@font-face {
    font-family: "Century Gothic";
    src: url("http://www.cguedes.com.br/font/CenturyGothic.eot"); /* para IE */
    src: url("http://www.cguedes.com.br/font/GOTHIC.TTF");
}

@font-face {
    font-family: "Trebuchet MS";
	src: url("http://www.cguedes.com.br/font/TrebuchetMS.eot"); /* para IE */
    src: url("http://www.cguedes.com.br/font/trebuc.ttf");
}

#linetopo { width: 100%; height: 3px; background-color: #898989; }

#topo { width: 547px; height: 125px; margin: 0 auto; padding: 18px; padding-left: 289px; }

.menu{
width: 547px;
height: 36px;
margin: 0 auto;
padding-top: 17px;
padding-left: 10px;
background-image: url(../images/bgmenu.jpg);
}

.menu ul{ 
list-style: none;
}

.menu li{ 
display: inline;
}

.menu a{
text-decoration: none;
padding: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #e1e1e1;
}

.menu :hover{
text-decoration: none;
color: #FFFFFF;
background-image: url(../images/bghover.jpg);
background-repeat: repeat-x;
}

#menuclientes { width: 245px; height: 225px; padding-top: 20px; }

.submenu a{
text-decoration: none;
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
color: #89201a;
}

.submenu :hover{
text-decoration: underline;
}

#bgcolorinstitucional{ width: 100%; height: 750px; background-color:#FFFFFF; }

#lineup { position: relative; width: 100%; height: 24px; background-image: url(../images/lineup.jpg); background-repeat: repeat-x; }

#bgconteudo { width: 100%; height: 475px; background-color:#FFFFFF; }

#bgconteudoclientes { width: 100%; height: 520px; background-color:#FFFFFF; }

#bgconteudocliente { width: 100%; height: 1078px; background-color:#FFFFFF; }

#bgconteudoatuacao { position: relative; width: 100%; min-height: 250px; background-color:#FFFFFF; } 

#bgconteudocompromisso { width: 100%; height: 480px; background-color:#FFFFFF; }

#conteudo { width: 836px; height: 705px; margin: 0 auto; }

#conteudoclientes { width: 836px; height: 520px; margin: 0 auto; }

#conteudoatuacao { position: relative; width: 836px; height: auto; margin: 0 auto; }

#conteudocliente { width: 836px; height: 1078px; margin: 0 auto; }

#conteudocompromisso { width: 836px; height: 480px; margin: 0 auto; }

#boximage { position: relative; width: 275px; height: 400px; padding-top: 75px; float: left; }

#boximageclientes { width: 275px; height: 380px; padding-top: 75px; float: left; }

#boximagecompromisso { width: 275px; height: 420px; padding-top: 75px; float: left; }

#boxtext { width: 559px; float: right; height: auto; padding-top: 22px; }

.text_atuacao { width: 559px; height: auto; margin: 2px 5px 4px 5px; }

#boxtextclientes { width: 559px; height: 518px; float: right; padding-top: 22px; }

#boxtextcompromisso { width: 559px; height: 480px; float: right; padding-top: 22px; }

h3 { color: #89201a; font-family: "Century Gothic", sans-serif; font-size: 145%; }

h6 { color: #000000; font-family: "Century Gothic", sans-serif; font-size: 13px; line-height: 120%; }

.titulo { color: #000000; font-family: "Century Gothic", sans-serif; font-size: 13px; line-height: 120%; font-weight:bold; }

p { color: #000000; font-family: "Trebuchet MS", sans-serif; font-size: 13px; text-align: justify; line-height: 120%; }

.texto { color: #000000; font-family: "Trebuchet MS", sans-serif; font-size: 13px; text-align: justify; line-height: 120%; }

.style3 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; color: #717171; }

input { background-color: #f1f2f2; font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif; color:#717171; }

textarea { background-color: #f1f2f2; font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif; color:#717171; }

#linedown { position: relative; width: 100%; height: 24px; background-image: url(../images/linedown.jpg); background-repeat: repeat-x; padding-top: 0px; }

#rodape { position: relative; margin: 0 auto; width: 836px; height: 42px; padding-top: 12px; background-image: url(../images/bg_rodape.jpg);  }

#rodape p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #717171;
	text-align: center;
	text-decoration: none;
}