/* CSS Document */


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.gif) repeat-x top right}

p { margin:0; padding:0; font-size:12px; font-weight:normal; color:#6a6665; line-height:1.4em; padding-bottom:10px}
p a:link, p a:visited { text-decoration: underline;color:#96151a; text-transform:uppercase; font-size:10px}
p a:hover { text-decoration:underline;color:#96151a}

h1 { margin:0; padding:0; font-size:36px; font-weight: normal; text-transform: uppercase; color:#96151a; border-bottom:1px solid #999999; margin-bottom:10px; margin-top:20px}
h2 { margin:0; padding:0; font-size:28px; font-weight: normal; text-transform: uppercase; color:#FFFFFF; text-indent:10px}
h3 { margin:0; padding:0; font-size:18px; font-weight: normal; text-transform: uppercase; color:#96151a}

h4 { margin:0; padding:0; font-size:12px; font-weight:normal; color:#96151a; line-height:1.4em; text-transform:uppercase; text-decoration:underline; padding-top:10px }
h4 a:link, h4 a:visited { text-decoration: underline;color:#96151a; }
h4 a:hover { text-decoration:underline;color:#96151a}


/*
---------------------------------------------
02. GREY BAR AND WRAPPER
---------------------------------------------
*/

#greybar { width:100%; height:260px; background:#c8c8c8 url(../images/greyshadow.gif) repeat-x top right;}

#wrapper { width:100%; margin:0 auto; background:url(../images/headerimage.gif) no-repeat top center; }


/*
---------------------------------------------
03. TOP BAR AND HEADER
---------------------------------------------
*/

#topbar { width:872px; height:138px; margin:0 auto;}
#topbar .logo { float:left; width:280px}
.logocaption { width:872px; border-top:1px solid #999999; float:left;}

.topnav { width:560px; margin: 0; padding: 0; float: right; padding-top:95px}
.topnav li { float: right; margin: 0; padding:0; list-style: none;}
.topnav a { font-family: Arial, Helvetica, sans-serif; float: left; margin:0; padding: 0px 8px; text-decoration: none; text-align:right; color:#9b9796; font-size:13px; font-weight: normal; text-transform:uppercase}
.topnav a:hover { color:#96151a;}

#header { width:960px; height:260px; margin:0 auto }


/*
---------------------------------------------
04. HEADER CAPTION
---------------------------------------------
*/


#caption { width:425px; float:right; padding-top:100px; padding-right:50px}
.quot { float:left; font-size:50px; color:#fff; margin-top:-15px; font-weight:bold; font-family:none}
.textsmall { font-size:24px}


/*
---------------------------------------------
05. CONTENT AREA
---------------------------------------------
*/

#content { width:860px; margin:0 auto;  }

/*
---------------------------------------------
06. PANEL LEFT
---------------------------------------------
*/

#panel-left { width:180px; float:left; margin-right:20px}

/*
---------------------------------------------
06.1 PANEL LEFT - LEFT PANEL
---------------------------------------------
*/

#newsletter { width:160px; background:url(../images/bg_globe.gif) repeat-x top right; padding-top:30px; padding-left:10px; padding-right:10px; float:left; padding-bottom:22px}
.textblack { color:#000000}

#newsletter fieldset { width:160px; margin:0; padding:0; float:left; border:none; margin-top:1px; float:left}
#newsletter fieldset .input { width:156px; height:21px; background:none; border:none; margin-bottom:5px; font-size:11px; padding-top:2px; position:relative; padding-left:2px}
#newsletter fieldset .button_ok { float:right; font-size:12px}
#newsletter fieldset .button_ok a:link, #newsletter fieldset .button_ok a:visited { text-decoration: none;color:#96151a;}
#newsletter fieldset .button_ok a:hover { text-decoration: none;color:#96151a}

/*
---------------------------------------------
07. PANEL MIDDLE 
---------------------------------------------
*/

#panel-middle { width:460px; float:left; }
.destaques { width:460px; height:110px; margin-bottom:10px}

/*
---------------------------------------------
08. PANEL RIGHT 
---------------------------------------------
*/

#panel-right { width:180px; float: right;}

/*
---------------------------------------------
08.1 PANEL RIGHT - CONTACT OS
---------------------------------------------
*/

#contactos { width:160px; background:#cdcccc url(../images/bg_box.gif) repeat-x top right; padding-top:30px; padding-left:10px; padding-right:10px; float:left; padding-bottom:5px}
#contactos p { font-size:11px; padding-top:5px; padding-bottom:5px}
#contactos p a:link, #contactos p a:visited { text-decoration: none;color:#6a6665; text-transform:none; font-size:11px}
#contactos p a:hover { text-decoration: none;color:#6a6665}

.color_red { color:#96151a}

/*
---------------------------------------------
09. FOOTER STYLES
---------------------------------------------
*/

#footer { width:840px; float:left; height:75px; border-top:1px solid #CCCCCC; margin-top:20px; position:relative; padding-left:10px; padding-right:10px; padding-top:5px;}

#footer p { margin:0; padding:0; font-size:10px; padding-left:4px}
#footer p a:link, #footer p a:visited { text-decoration: none; color:#6a6665; text-transform: uppercase; font-size:11px; padding-right:4px; padding-left:4px}
#footer p a:hover { text-decoration: none;color:#6a6665}

/*
---------------------------------------------
09.1 FOOTER STYLES- LINKS AND COPYRIGHT 
---------------------------------------------
*/

.copyright { color:#96151a; padding-left:4px; position:relative}
.footerlinks { font-size:11px; padding-top:5px; padding-bottom:5px; color:#6a6665; float:left}

/*
---------------------------------------------
09.2 FOOTER STYLES- DEVELOPER
---------------------------------------------
*/

.developer { float:right; position:relative; }

.developer p { float: left; padding-right:5px; padding-top:10px; line-height:2.4em }
.developerlogo { background:url(../images/logo_mediacode.gif) no-repeat center left; height:25px; padding-left:30px; float: left; font-size:11px; margin-left:6px; padding-top:6px; color:#6a6665}

.developerlogo a:link, .developerlogo a:visited { text-decoration: none; color:#6a6665; text-transform: uppercase; font-size:11px;}
.developerlogo a:hover { text-decoration: none;color:#6a6665}

/*
---------------------------------------------
10. MISCELLANEOUS STYLES
---------------------------------------------
*/

img { border:none}


/*
---------------------------------------------
11. INNERPAGE STYLES
---------------------------------------------
*/

#parceiros { width:460px; float:left; margin-top:50px; padding-bottom:20px}

#parceiros .logo-left { width:220px; height:153px; float:left}
#parceiros .logo-right { width:220px; height:153px; float: right}
#parceiros .logo { width:210px; height:100px; border:5px solid #c8c8c8;}


.intro {
	color:#96151a;
	font-size: 16px;
	font-weight: bold;
}

.transparente {
	background: transparent url(/web/images/transparencia.png) repeat;
	display: block;
	margin-left: 0px;
	margin-top: 70px;
	position: absolute;
	width: 460px;
	}
	
div.transparente h3 {
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	font: bold 16px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
}


.item_categoria {
	margin-bottom: 20px;
}

.item_categoria a:link, .item_categoria a:visited {
   text-decoration:none;
}




form.cmxform fieldset {
  margin-bottom: 10px;
  padding:0px;
  display:block;
  font-size:12px;
  border:0px;
}

form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
  color: #4649a5;
  font-size:13px;
  /*margin-left:-0.7em;*/
  width:100%; /* fix ie para headings nao quebrarem */
  margin-bottom:18px;
}

form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}

form.cmxform fieldset li {
  list-style: none;
/*  padding: 5px;*/
  padding-top:7px;
  margin: 0;
}

form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}

form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}

form.cmxform fieldset fieldset label {
  display: block;
  width: 100px;
}

form.cmxform em {
  font-size:10px;
  font-style: normal;
  color:#96151a;
}

form.cmxform label {
  float:left; 
}
form.cmxform input, form.cmxform textarea  {
  clear:both;
  display:block;
  font-size:11px;
}

form.cmxform .button { font-size:11px; font-weight:bold; padding:3px; }

#lightwindow {
	line-height: 12px;
}
.validation-advice { text-align:left; }