@charset "utf-8";
/*************
Empresa: ISSO É.com
Programador e Design responsavel: Donizeti Junior Ferraz / donizeti.junior.ferraz@gmail.com
**************/
/*** TAG's ***/
html, body{
  margin:0 auto;
  padding:0;
  border:none;
  font:12px Arial, Helvetica, sans-serif;
  background:url(../images/background-1.jpg) fixed no-repeat center;
}
h1, h2, h3{
}
h4, h5, h6{
}
p{
  font:12px Arial, Helvetica, sans-serif;
  color:#000;
  text-align:justify;
  padding:0px 10px 0px 10px;
}
img{
  border:none;
}
table{
  border:none;
}
a{
  font:12px Arial, Helvetica, sans-serif;
  color:#000;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
/*** TAG's ***/

/*** Layout ***/
#site{
  width:1000px;
  height:auto;
  margin:0 auto;
  padding:0;
}
#header{
  width:1000px;
  height:100px;
  float:left;
  background-image:url(../images/banner.jpg);
}
#nav{
  width:1000px;
  height:auto;
  float:left;
  background-color:#06C;
}
#content{
  width:1000px;
  height:auto;
  float:left;
  background:#FFF;
}
#footer{
  width:1000px;
  height:auto;
  float:left;
  background-color:#06C;
  border-radius:0px 0px 8px 8px;
}
/*** Layout ***/

/*** Menu Drop Down ***/
.menu{
  list-style:none;
  float:left;
  width:auto;
  padding:0;
  margin-top:0;
  margin-bottom:0;
  margin-left:20px;
  margin-right:auto;
  background-color:#06C;
}
.menu li:first-child{
  border-left:1px solid #FFF;
}
.menu li{
  position:relative;
  float:left;
  border-right:1px solid #FFF;
}
.menu li a{
  display:block;
  padding:5px;
  text-decoration:none;
  font:14px Arial, Helvetica, sans-serif;
  color:#FFF;
  /*transition-property: color;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transition-delay: 0.1s;*/
}
.menu li a:hover{
  color:#000;
}
.menu li ul{
  display:none;
  position:absolute;
  left:0px;
  padding:0;
  z-index:9000;
  background-color:#06C;
}
.menu li:hover ul{
  display:block;
}
.menu ul li{
  display:block;
  width:180px;
  border-bottom:1px solid #FFF;
}
.menu ul li a{
  font:12px Arial, Helvetica, sans-serif;
  color:#FFF;
}
.menu ul li a:hover{
  color:#000;
}
/*** Menu Drop Down ***/
/*** Menu Lateral ***/
#menu{
  list-style:none;
  width:285px;
  height:auto;
  padding:0;
  float:right;
  border:1px solid #CCC;
  background-color:#06C;
  border-radius:8px 0px 0px 8px;
}
#menu li{
  border-bottom:1px solid #FFF;
  margin:5px 0px 5px 0px;
}
#menu li a{
  text-decoration:none;
  padding:10px;
  margin:0px 10px 0px 10px;
  font:14px Arial, Helvetica, sans-serif;
  color:#FFF;
  /*transition-property: color;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transition-delay: 0.1s;*/
}
#menu li a:hover{
  color:#000;
  padding-left:20px;
}
/*** Menu Lateral ***/
/*** Breadcrumbs ***/
.breadcrumbs{
  font:10px Arial, Helvetica, sans-serif;
  color:#06C;
  margin-left:10px;
}
.showHere{
  font:10px Arial, Helvetica, sans-serif;
  color:#06C;
}
.pathway{
  font:10px Arial, Helvetica, sans-serif;
  color:#06C;
  text-decoration:none;
}
span{
  font:12px Arial, Helvetica, sans-serif;
  color:#000;
}
/*** Breadcrumbs ***/
/*** Formulário ***/
form{
  margin-left:10px;
}
.form_input{
  border:1px solid #CCC;
}
.form_select{
  width:200px;
  border:1px solid #CCC;
}
.form_textarea{
  width:200px;
  height:80px;
  border:1px solid #CCC;
}
label{
  font:14px Arial, Helvetica, sans-serif;
  color:#000;
}
.butom{
  width:80px;
  border:1px solid #CCC;
  border-radius:8px;
  text-align:center;
  background-color:#06C;
  color:#FFF;
}
.butom:hover{
  color:#000;
}
/*** Formulário ***/
/*** Área de Loguin ***/
.moduletable{
  margin:0 auto;
  padding:0;
}
#login-form fieldset{
  width:350px;
  border:1px solid #06C;
  background-color:#FFF;
}
#login-form label{
  width:150px;
}
#modlgn-username{
  text-align:center;
  width:200px;
  float:right;
  border:1px solid #CCC;
}
#modlgn-passwd{
  text-align:center;
  width:200px;
  float:right;
  border:1px solid #CCC;
}
.button{
  width:80px;
  border:1px solid #CCC;
  border-radius:8px;
  text-align:center;
  background-color:#06C;
  color:#FFF;
}
.button:hover{
  color:#000;
}
/*** Área de Loguin ***/

/*** Cadastro de Novo Usuário ***/
#member-registration fieldset{
  width:350px;
  border:1px solid #06C;
  background-color:#FFF;
}
.validate{
  width:80px;
  border:1px solid #CCC;
  border-radius:8px;
  text-align:center;
  background-color:#06C;
  color:#FFF;
}
.validate:hover{
  color:#000;
}
/*** Cadastro de Novo Usuário ***/

/*** Slide ***/
#slide{
  position:relative;
  z-index:1;
}
/*** Slide ***/

/*** Posições ***/
#box-logo{
  width:300px;
  height:auto;
  float:left;
  position:relative;
  top:0;
}
#box-bandeiras{
  width:300px;
  height:20px;
  float:right;
}
#box-menu{
  width:1000px;
  height:auto;
}
#box-breadcrumbs{
  width:1000px;
  height:20px;
}
#box-left{
  width:290px;
  height:auto;
  float:left;
  margin-right:10px;
}
#box-slider{
  width:700px;
  height:auto;
  float:left;
}
#box-artigo-sidebar{
  width:700px;
  height:auto;
  float:left;
}
#box-artigo{
  width:1000px;
  height:auto;
  float:left;
  margin-top:15px;
  margin-bottom:15px;
}
#box-sidebar-right{
  margin-left:10px;
  width:290px;
  height:auto;
  float:left;
}
#box-footer{
  width:1000px;
  height:auto;
}
/*** Posições ***/