/* ---------------------------------------------------------------------------
Basic Style Sheet
version: 1.0
author:  sergio l. baptista - Prime web
email:   sergioelebe@gmail.com
client:  Jornal Folha de Negócios
--------------------------------------------------------------------------- */

/* Full Content */

* { margin: 0px; padding: 0px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
img { border: 0px; }
body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: center; font-size: 12px; color: #01143f; background-color: #ffffff;
background-image: url(../images/backg.gif);
}
#wrapper{ width: 980px; height: auto; margin: 5px auto; text-align: left;
border: 1px solid #01143f; background-color: transparent;
}
                     /* --------- Header --------- */

#header { width: 980px; height: 20px; color: #ffffff; font-size: 13px;
background-color: #01143f;
}
#headerDate { width: 350px; height: 20px; margin-left: 10px; padding-left: 20px;
background: url(../images/clock.gif) left no-repeat;
}
#headerPhone { width: 160px; height: 20px; margin-left: 380px; padding-left: 20px;
background: url(../images/phone.gif) left no-repeat;
}
#headerContact { width: 160px; height: 20px; margin-left: 10px; padding-left: 20px;
background: url(../images/mail.gif) left no-repeat;
}
#headerContact a { width: 160px; color: #ffffff; text-decoration: none;
}
#headerContact a:hover { color: #f7931e;
}
#headerSwf { width: 980px; height: 176px; margin-top: 2px;
background: url(../images/top.jpg) no-repeat bottom;
}
#menuBarNav { width: 976px; height: 27px; margin-top: 2px; margin-bottom: 5px;
margin-left: 2px; border-top: 3px solid #01143f;
background: url(../images/bgbarnav.jpg) repeat-x;
}
#menuBarNav ul { margin-left: 50px; list-style: none; padding-top: 1px;
}
#menuBarNav ul li { display: inline;
}
#menuBarNav ul li a { margin-left: 1px; padding: 2px 10px; float: left;
font-size: 16px; line-height: 15px; text-decoration: none; color: #01143f;
border-right: 1px solid #01143f;
}
#menuBarNav ul li a:hover { border-bottom: 2px solid #f7931e; color: #f7931e;
}
.firstItem { border-left: 1px solid #01143f;
}
              /* --------- Main Content--------- */

#mainNav { width: 150px; height: 450px; float: left; margin-right: 21px;
margin-left: 2px; border-width: 3px 0px 1px 0px; border-style: solid;
border-color: #01143f;  background: #feffeb;
}
#mainNav ul { height: auto; margin: 5px 0px; padding: 0px 0px 5px 0px;
list-style-type: none; border-bottom: 1px solid #01143f;
}
#mainNav ul li { width: 145px; height: 18px; padding-left: 0px;
margin-bottom: 2px;
}
#mainNav ul li a { width: 145px; height: 18px; display: block; color: #01143f;
font-size: 15px; text-indent: 18px; line-height: 18px; padding-left: 5px;
text-decoration: none; background-image: url(../images/arrow-right.gif);
background-repeat: no-repeat; background-position: 5px 3px;
}
#mainNav ul li a:hover { width: 145px; height: 18px; color: #f7931e;
background-image: url(../images/arrow-right.gif); background-repeat: no-repeat;
background-color: #fcffb2;
}
#weatherNow { width: 150px; height: 155px; border-top: 3px solid #01143f;
border-bottom: 0px solid #01143f; margin-top: 15px;
}
#advBanner { width: 150px; height: 162px; border-top: 3px solid #01143f;
border-bottom: 1px solid #01143f; margin-top: 15px;
}
#mainContent { width: 610px; height: auto; float: left; margin-bottom: 8px;
margin-right: 15px; padding: 8px 8px 15px 8px; border-width: 3px 0px 1px 0px;
border-color: #01143f; border-style: solid; background: #feffeb; font-size: 13px;
}
#mainContentPhoto { width: 320px; height: 240px; margin: 0px 15px 10px 5px;
float: left; border: 1px solid #01143f;
}
.department { font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; color: #118ae7; font-weight: 600; margin-bottom: 5px;
}
.readMore { float: right; margin-left: 5px; margin-top: 5px;
}
.readMore a { font-size: 13px; color: #01143f; text-decoration: none;
}
.readMore a:hover { color: #f7931e;
}
.fullBanner { width: 610px; height: 60px; border: 1px solid #01143f;
margin-top: 15px; margin-bottom: 15px;
}
.warning { width: 610px; height: 50px; border: 1px solid #01143f;
margin-top: 5px; margin-bottom: 5px;
}
.bar { width: 610px; height: 3px; margin-top: 30px;  clear: both; color: #01143f;
background-color: #01143f;
}
#newsOne { width: 190px; height: 410px; float: left; margin-right: 8px;
padding-right: 5px; border-right: 1px solid #01143f;
}
#newsTwo { width: 190px; height: 410px; float: left; margin-right: 8px;
padding-right: 5px; border-right: 1px solid #01143f;
}
#newsThree { width: 195px; height: 410px; float: left;
}
.subTitle { font-size: 13px; margin-bottom: 3px; color: #7584a5;
}
#mainAdvertise { width: 150px; height: auto; float: right; background: #feffeb;
text-align: center; margin-top: auto; margin-right: 5px; margin-bottom: 8px;
margin-left: auto; padding-top: 8px; border-width: 3px 0px 1px 0px;
border-color: #01143f; border-style: solid;
}
#footer { width: 980px; height: 25px; border-top: 2px solid #01143f;
clear: both; text-align: center; background: #b1bdd7; color: #01143f;
}
#footerContact { width: 160px; height: 20px; margin-right: 10px;
}
#footerContact a { width: 160px; color: #01143f; text-decoration: none;
}
#footerContact a:hover { color: #f7931e;
}

/*------------------------------------------------------------------------- */
/*  Pages */
#mainContent_int { width: 610px; min-height: 882px; float: left; margin-bottom: 8px;
margin-right: 15px; padding: 8px 8px 15px 8px; border-width: 3px 0px 1px 0px;
border-color: #01143f; border-style: solid; background: #feffeb; font-size: 13px;
}
#mainContentPhoto_int { width: 320px; height: 202px; margin: 0px 15px 10px 5px;
float: left; border: 1px solid #01143f;
}
#mainContentPhoto_int2 { width: 320px; height: 202px; margin: 0px 15px 10px 5px;
float: right; border: 1px solid #01143f;
}
#mainContentPhoto_int3 { width: 320px; height: 240px; margin: 0px 15px 10px 5px;
float: left; border: 1px solid #01143f;
}
#mainContentPhoto_int4 { width: 320px; height: 240px; margin: 0px 15px 10px 5px;
float: right; border: 1px solid #01143f;
}
#mainNavInt { width: 150px; height: auto; float: left; margin-right: 21px;
margin-left: 2px; border-width: 3px 0px 0px 0px; border-style: solid;
border-color: #01143f;  background: #feffeb;
}
#mainNavInt ul { height: auto; margin: 5px 0px; padding: 0px 0px 5px 0px;
list-style-type: none; border-bottom: 1px solid #01143f;
}
#mainNavInt ul li { width: 145px; height: 18px; padding-left: 0px;
margin-bottom: 2px;
}
#mainNavInt ul li a { width: 145px; height: 18px; display: block; color: #01143f;
font-size: 16px; text-indent: 18px; line-height: 18px; padding-left: 5px;
text-decoration: none; background-image: url(../images/arrow-right.gif);
background-repeat: no-repeat; background-position: 5px 3px;
}
#mainNavInt ul li a:hover { width: 145px; height: 18px; color: #f7931e;
background-image: url(../images/arrow-right.gif); background-repeat: no-repeat;
background-color: #fcffb2;
}
#destac { width: 600px; height: 45px; text-align: center; background: #01143f;
color: #ffffff; margin-left: 5px;
}
#destac2 { width: 600px; height: 85px; text-align: center; background: #01143f;
color: #ffffff; margin-left: 5px;
}
#perfil { background: #01143f; color: #ffffff; font-size: 14px; font-weight: bold;
}
#perfiTitle { width: 145px; font-size: 12px; font-weight: bold; padding-left: 5px;
background: #cfd5e5;
}
#perfilText { width: 150px; height: auto; font-size: 11px; text-align: left;
}
.imgTop { margin-left: 4px; margin-bottom: 8px;
}
#people { width: 610px; list-style-type: none;  margin-left: 5px;
}
.imgPeople {  float: left; margin-right: 10px;
}
#hobbies { list-style-type: none;
}
/*  -----------------------------------------------------------------------  */
/*  contact form */
div#content { width: 610px; height: 455px; background: transparent; margin-left: -50px;
}
form {  font-size: 1.4em;  width: 27em; margin-left: 110px;
margin-top: 20px;
}
/* fieldset styling */
fieldset { margin: 1em 0; /*  space out the fieldsets a little*/
padding: 1em;  border : 1px solid #b9a977;
}
/* legend styling */
legend { font-weight: bold; color: #202380;
}
/* style for  labels */
label {  display: block;
}
/* style for required labels */
label .required {  font-size: 0.75em;  color:#760000;
}
input { width: 200px;
}
input.radio, input.submit {  width: auto;
}
/* style form elements on focus */
input:focus, textarea:focus {  background: #ffc;
}
input.radio { float: left;  margin-right: 1em;
}
textarea { width: 300px;  height: 100px;
}
/* Hack the labels correctly in IE/Mac*/
/* This is the style I want IE/Mac to see */
input.radio + label { text-indent: 2em;
}
input.radio + label { text-indent: 0;
}
.submit { width: 68px; margin-left: 5px; margin-top: 5px;}

.reset { width: 68px; margin-left: 165px; margin-top: 5px;}

#response { margin-left: 200px; margin-top: 100px;  font-size: 16px;
}
/*  -----------------------------------------------------------------------  */
/*  contos de vlad */
.indice { width: 610px; background: transparent; height: 25px;
margin-bottom: 15px; margin-top: 10px; margin-left: 5px;
}
.indice2 { width: 610px; background: transparent; height: 55px;
margin-bottom: 15px; margin-top: 10px; margin-left: 0px;
}
.indice a { color: #ffffff; text-decoration: none; background: #227293;
text-align: center; padding: 1px 8px; margin-right: 1px; height: 30px;
line-height: 160%;
}
.indice a:visited { color: #ffffff; text-decoration: none; background: #227293;
}
.indice a:hover { color: #ffffff; background: #74a7b7; font-weight: bolder;
}
.indice a:active { color: #ffffff; text-decoration: none; background: #227293;
}
/*  -----------------------------------------------------------------------  */