/* 
 +----------------------------------------------+ 
                STYLESHEET PAGE                                                       
 +----------------------------------------------+ 
*/

ul, li{
  list-style: none;
  padding: 0; margin: 0;
}

body{
   font-family: sans-serif;
   margin: 0; padding: 0;
   }

#header{
  width:  100%;
  height: 130px;
  background: url('../images/header-background.jpg');
}

.headercontent{
  width: 940px;
  height: 100%;
  margin: 0 auto;
  background: black;
}

.headercontent .logo{
  margin: 20px 0 0 10px;
}

.headercontent .slogan{
  width: 500px;
  float: right;
  font-style: italic;
  text-align: right;
  color: white;
  font-size: 22px;  
  font-family: times, serif;
  margin: 40px 20px 0 0;
}

#navigator{
  width: 100%;
  height: 44px;
  background: url('../images/navigator-background-black.jpg');
}
.navigatorcontent{
  width: 940px;
  height: 44px;
  margin: 0 auto;
  background: url('../images/navigator-background.jpg') repeat-x;
}

.navigatorcontent li {display: inline-block; }

.navigatorcontent li a{  
  padding: 12px 15px; 
  text-decoration: none;
  font-family: times, serif;
  font-style: italic;
  font-size: 18px; color: white; 
  display: block;
}

.navigatorcontent li a:hover{
  background: white;
  color:#890d12;
}


#slider{
  width: 100%;
  height: 250px;
  background: url('../images/slider-background.jpg') repeat-x;
  margin: 0 auto;
}

.slidercontent{
  width: 940px;
  margin: 0 auto;
}

#content{
  width: 100%;
  background: url('../images/content-background.jpg') repeat-x;
}

.contentsite{
  width: 940px;  
  margin: 0 auto;    
  background: url('../images/content-background-simple.png') no-repeat center top;
}

.vitrine{height: 426px;background: url('../images/content-background-all.jpg') no-repeat;}


.box{
  width:  280px;
  height: 340px;
  padding: 55px 15px 0 15px;
  display: block;
  float:left;
}

.box h3{
  margin: 8px 45px ;
  color: white;
  font-family: times, serif;
  font-style: italic;
}

.box img{
  margin: 25px 0 20px 0;
  display: block;
  border: 2px solid white;
}

.box p {
  font-size: 14px;
  color: #555;
}


/* SLIDER */

.coin-slider {
  overflow: hidden;
  zoom: 1;
  position: relative;
  height: 250px;
}

.coin-slider a {
  text-decoration: none;
  outline: none;
  border: none;
}

.cs-buttons {
  font-size: 0px;
  padding: 10px;
  float: left;
}

.cs-buttons a {
  height: 12px;
  width: 12px;
  background: url('../images/dots-hole.png') no-repeat;
  text-indent: -1000px;
 }

.cs-buttons .cs-active {
  background: url('../images/dots-hole-active.png') no-repeat;
}

.cs-title {
  width: 510px;
  padding: 10px;
  background-color: #000;
  color: #FFF;
}

.cs-prev, .cs-next {
  color: #FFF;
  padding: 0px 10px;
}


/* INFO BOX  */

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    /*margin: 10px 0px;*/
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    cursor: pointer;   
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(../images/Info.png);
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('error.png');
}

#footer{
  width:  100%;
  height: 100%;
  background: url('../images/header-background.jpg');
}

.footercontent{
  width: 920px;
  height: 100%;
  margin: 0 auto;
  background: black;
  padding: 10px;
  color: white;  
}

.footercontent h3{
  font-family: times, serif;
  font-style: italic; 
  font-size: 24px;
  margin: 10px 0;
}

.footercontent p{
  margin: 5px 0;
  font-size: 14px;
}

.footercontent .footerslogan{
  float:right;
  text-align: right;
}

.footerslogan p{font-size: 13px; margin:0}

.footercontent .copy{
  color: gray;
  font-size: 10px;
  margin-top: 20px;
}

.BrunoSilva{
  width: 90px;
  height: 20px;
  float:right;
  background: url('../images/bsilva.png');
  margin-top: 15px;
}

.BrunoSilva:hover{
  width: 278px;
  height: 20px;
  background: url('../images/celular.png');
  cursor:pointer;
}

.fine-line{
  margin: 60px 14px 0px 14px;
}

h2.hcontent{
  font-family: times, serif;
  font-style:italic;
  color:#8e6733;
  font-size: 30px;
  margin: 15px;
}

.contentsite .left{
  width: 55%;
  margin: 0 15px;
  font-size: 14px;
  color: #555;
}

.contentsite .right{
  float:right;
}

table.products{border: 1px solid #8E6733;}

table.products th{
  text-align: left;
  background: #8E6733;
  color: white;
}

table.products td, th{
  padding: 5px 10px;
  border-bottom: 1px solid #8E6733;
}

table.products .even{
  background: #fffcf5;  
  border-top:    1px solid #8E6733;
}

.yellow{ color: yellow}


/* FORM */

small{font-size: 10px;}

.tagmail{
  font-weight:bold;
  color:#890D12;
}

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

form{
  width: 460px;
  font-family: arial, sans-serif;
  font-size: 12px;  
  background: #fcf3c8;  
  padding: 10px;
}

#name, #mail, #phone{
  width: 350px;
  padding: 5px;
  border: 1px solid #8E6733;
  background: #fffcf5;  
  color: #555;  
}

#msg{
  width: 350px;
  height: 100px;
  padding: 5px;
  overflow: auto;
  border: 1px solid #8E6733;
  background: #fffcf5;
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #555;  
}

#send{
  padding: 10px;
  background: #8E6733;
  border: none;
  color: white;
  font-weight: bold  
}

#send:hover{
  background: #b58749;
  cursor: pointer;
}

#map{
  width:  445px;
  height: 290px;
  float: right;
  border: 2px solid #8E6733
}