/* -*- coding:utf-8 -*- */


/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }



a{ 
   color: white;
   text-decoration: none;
   outline: none;
   }

a:hover{ color: #977842; }
b{ font-weight: bold; }


body
{
    margin:0;
    padding:0;
    line-height: 1.5em;
    color: white;
    font-family: arial, sans-serif;
    font-size: 11px;    
}

h1, h2, h3, h4{ font-family: Georgia, serif }



#outer 
{
    position:absolute;
    width:986px;
    height:630px;
    top: 0px;
    left: 0px;

}

#maincontainer
{
    position: relative;
    width: 986px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
}


#innercontainer
{
    position: absolute;
    top: 51px;
    left: 21px;
    
    width: 945px; /*Width of main container*/
    height: 529px; /*Width of main container*/
    background-repeat: no-repeat;
    z-index: -2;
    
}

#error
{
    position: absolute;
    top: 100px;
    left: 200px;
    
    width: 745px; /*Width of main container*/
    height: 529px; /*Width of main container*/
    color: black;
    font-size: 200%;
}

#error p
{
    padding-bottom: 20px;
}



#loader
{
  position: relative;
  width: 986px; /*Width of main container*/
  height: 630px;

  margin: 0 auto; /*Center container on page*/
  /*background: url(img/fundo_barras.png) no-repeat center center;*/

}

#loaderLogo
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 986px; /*Width of main container*/
  height: 430px;
  background: url(img/logo_intro.png) no-repeat center center;

}

#loaderImages
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px; /*Width of main container*/
  height: 0px;
}

#loaderProgress
{
  position: absolute;
  top: 320px;
  left: 0px;
  width: 986px; /*Width of main container*/
  height: 50px;
  background: url(img/ajax-loader.gif) no-repeat top center;
  color: black;
  text-align: center;
	padding-top: 50px;
}

#loaderInnercontainer
{
  position: absolute;
  top: 51px;
  left: 21px;
  width: 945px; /*Width of main container*/
  height: 529px; /*Width of main container*/
}


#loader img
{ 
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
}




#background
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 986px; /*Width of main container*/
    height: 630px; /*Width of main container*/
    background-image: url(img/fundo_barras_middle.png);
    background-repeat: no-repeat;
    z-index: -1;
  }

#topsection
{
    position: absolute;
    top: 8px;
    left: 0px;
    width: 986px; /*Width of main container*/
    height: 56px; /*Width of main container*/
    background-image: url(img/fundo_barras_top.png);
    background-repeat: no-repeat;
    z-index: 3;
  }


#mask
{
  position: absolute;
  top: -562px;
  left: 0px;
  width: 986px; 
  height: 613px;
  background: white;
  z-index: 3;

  }


#bottomsection
{
    position: absolute;
    top: 571px;
    left: 0px;
    width: 986px; 
    height: 59px; 
    background-image: url(img/fundo_barras_bottom.png);
    background-repeat: no-repeat;
    z-index: 2;
  }





#menu
{ 
  position: absolute;
  top: 51px;
  left: 80px;
  width: 118px;
  height: 200px;

  padding-top:166px;
  background-image: url(img/logo_menu.png);
  background-repeat: no-repeat;
  

}



.darkBackground
{
  background-image: url(img/castanho_escuro.png); 
  }

.lightBackground
{
  background-image: url(img/castanho_claro.png); 
  }

#contentcolumn
{
    position: absolute;
    top: 51px;
    right: 80px;
    
    width: 285px;
    height: 529px;

}

.close
{
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
  z-index: 3;
  width: 10px;
  height: 20px;
  font-family: arial, sans-serif;
  color: #977842;
  text-align: right;
  
}


#leftcolumn .close
{
 
  z-index: 4;

}


.close:hover
{
  color: white; 
}


#leftcolumn
{

  position: absolute;
  top: 51px;
  right: 365px;

  width: 285px;
  /*height: 250px;*/


  }


.scroll-pane
{
  overflow:auto;
  }

.scroll-pane p
{
  padding-bottom: 10px;
  }



#contentcolumn .scroll-pane
{
  height: 340px;
  width: 245px;

  }
#leftcolumn .scroll-pane
{
  height: 160px;
  width: 265px;

  }






#menu a.mainlink
{ 
  position: absolute;
  top: 10px;
  left: 0px;
  width: 80px;
  height: 120px;
}

#menu a.mainlink span
{ 
  margin-left: -10000px;
}

#menu ul.mainmenu{ 
    list-style-type: none;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 1px dashed white; 
}


#menu ul.mainmenu li{ 
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
}


#menu ul li:hover
{ 
  background-image: url(img/castanho_escuro.png);
  cursor: pointer;
}


#menu a{ 
    text-transform: uppercase;
    font-size: 10px;
    font-family: Georgia, serif;
    color: white; 
    margin-left: 18px;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
}

#menu ul.submenu{ 
    position: absolute;
    top: 0px;
    left: 118px;
    width: 130px;
    display:none;
}


#menu #tail
{ 
    border-top: 1px dashed white;
    height: 81px;
    background-image: url(img/menu_baixo.png);
    background-repeat: no-repeat;
    padding-top: 10px;
  }

#menu #tail a
{ 
  padding-right: 20px;
  background-image: url(img/arrow_down.gif);
  background-repeat: no-repeat;
  background-position: center right;
  }

#menu #tail a.folded
{ 
  background-image: url(img/arrow_up.gif);
  background-repeat: no-repeat;
  background-position: center right;
  }

#menu #tail a.unfolded
{ 

  }


#newsletterHeader h2
{ 
    position: absolute;
    top: 587px;
    left: 80px;
    cursor: pointer;
    font-family: Arial, sans-serif;
    z-index: 3;
  }
#newsletterHeader h2:hover
{ 
  color: #977842;
 }


#newsletterForm
{ 
  position: absolute;
  /*top: 440px;*/
  bottom: -580px;
  left: 80px;
  
  width: 220px;
  height: 160px;

  background-image: url(img/castanho_escuro.png);
  padding: 5px 10px 10px 10px;
  display: none;
  }


#newsletterForm label
{ 
    float: left;
    width: 70px;
    margin-top: 5px;
    
  }

#newsletterForm .textinput
{ 
  border: none;
  width: 140px;
  float: left;
  margin-top: 5px;
  }


#newsletterForm select
{ 
  border: none;
  width: 140px;
  height: 30px;
  float: left;
  margin-top: 5px;
  }

#newsletterForm .button
{ 
  display: block;
  float: right;
  border: none;
  background: none;
  color: white;
  text-align: right;
  margin: 10px 8px 0 0;
  font-size: 80%;

  text-transform: uppercase;

  cursor: pointer;

  }

#newsletterForm .button:hover
{ 
  color: #977842;

 }

#newsletterForm p 
{ 
  margin-top: 10px;

  }

#newsletterForm h3 
{ 
  font-weight: bold;
  font-size: 90%;

  }

#newsletterForm h3 span
{ 
  float: right;
  font-size: 110%;
  font-family: arial, sans-serif;
  font-weight: bold;
  cursor: pointer;
  }

#newsletterForm .close
{ 
  top: 5px;
  right: 5px;
} 


#contentcolumn .content{ 
          padding: 20px;
}

#leftcolumn .content
{ 
  padding: 30px 15px 25px 15px;
                      
}



#contentcolumn h1
{ 
  position: absolute;
  top: 30px;
  left: 20px;

  font-size: 24pt;
  line-height: 24pt;

  color: #977842;
  width: 260px;
  height: 156px;
  margin-top: 20px;
  text-transform: uppercase;
  }

#contentcolumn .content 
{  
  padding-top: 166px;
  }



#footer
{ 
  position: absolute;
  top: 587px;
  right: 80px;
  font-size: 80%;
    z-index: 3;

  }

#signature
{ 
  position: absolute;
  top: 630px;
  right: 80px;
  font-size: 80%;
    color: #A0A0A0;
  }
  
#signature a
{ 
color: #A0A0A0;
  }  
  
#contentcolumn .wine  h1
{ 
  font-size: 12pt;
  color: white;

 }

#leftcolumn .wine  p
{ 
  padding-bottom: 10px;
 }
 
#contentcolumn h1 span
{ 
    position: absolute;
    top: 60px;
    left: 0px;
    font-size: 13pt;
    width: 250px;
    color: white;
    text-transform: none;
 }

#leftcolumn h2
{ 
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 3px 3px 3px 15px;
    width: 267px;
 }

#leftcolumn div.leftcolumnHeading
{ 
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 3px 3px 3px 15px;
    width: 267px;
 }

#leftcolumn div.leftcolumnBottom
{ 
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 3px 3px 3px 15px;
    width: 267px;
 }


#contentcolumn .wine .info 
{ 
    position: absolute;
    bottom: 5px;
    left: 20px;
    width: 245px;
    padding-top: 10px;
    border-top: 1px dashed #999999;
    
}


#contentcolumn .wine .info h2
{ 
  text-transform: uppercase;
  font-weight: bold;
  float: left;
  font-family: Arial, sans-serif;
}
#contentcolumn .wine .info p
{ 
   text-align: right;
 
 }


#contentcolumn .wine h1
{ 
    position: absolute;
    top: 0px;
    left: 20px;
    font-size: 18pt;
    text-transform: none;
}

#contentcolumn .wine h1 span
{ 
    position: absolute;
    top: 20px;
    left: 0px;
    font-size: 8pt;
    font-family: arial, sans-serif;
}

#leftcolumn .wine h3
{ 
    position: absolute;
    top: 0px;
    width: 95px;
    text-align: center;

    padding: 3px 0 3px 0;
    font-size: 7pt;
    background-image: url(img/castanho_escuro.png);
    cursor: pointer;
    font-family: arial, sans-serif;
  z-index: 3;

 }




#leftcolumn .wine h3#firstHeading
{ 
    left: 0px;
    cursor: pointer;
}

#leftcolumn .wine h3#secondHeading
{ 
    left: 95px;
}

#leftcolumn .wine h3#thirdHeading
{ 
    left: 190px;

}

#leftcolumn .wine h3:hover{ color: #977842;}

#leftcolumn .wine .selected{ background: transparent; font-weight:bold;}
#leftcolumn .wine .selected:hover{ cursor: default !important; color: white;}

#leftcolumn .wine #secondBox, #leftcolumn .wine #thirdBox
{ 
    display: none;
}

#leftcolumn h1, #leftcolumn h2, #leftcolumn h3, #leftcolumn h4{ font-family: arial, sans-serif }


#imageContainer
{ 
  position: absolute;
  top:70px;
  left:92px;
  }


#address
{ 
  padding-left: 16px;

  }
#address h2
{ 
  padding-top: 30px;
  padding-bottom: 5px;
  font-weight: bold;
  }

#address #addressImage
{ 
  position: absolute;
  top: 20px;
  right: 0px;
 }

#address #addressImage a
{ 
  position: absolute;
  top: -5px;
  right: 15px;
 }





#widecontent
{

  position: absolute;
  top: 51px;
  right: 10080px;

  width: 515px;
  height: 409px;
  }

#widecontent .content
{
	padding: 16px;
  }

#widecontent .content h1
{
	padding-left: 0px;
  }
  
#widecontentTop{
    height: 120px;
               
  }


#widecontentTop h1
{
  font-size: 24pt;
  line-height: 24pt;
  
  color: #977842;
  text-transform: uppercase;        
  padding: 70px 0 0 16px;
}

#widecontentTop h1 span
{
  font-size: 14pt;
  line-height: 14pt;
  
  color: white;
  text-transform: none;        
  padding: 70px 0 0 10px;
}

#widecontentBottom
{
  position: relative;
    height: 409px;
               
  }


#imageTarget
{ 
  position:absolute;
  top: 0px;
  left: 0px;
  width: 515px;
  height: 290px;
}



#imageTarget #horizontalImage 
{ 
  position:absolute;
  top: 3px;
  left: 3px;
  width: 508px;
  height: 290px; 
}


#imageTarget #verticalImage 
{ 
  position:absolute;
  top: 3px;
  left: 154px;
  width: 207px;
  height: 290px; 
}


#imageTarget #horizontalImage #foreground
{ 
  position:absolute;
  top: 0px;
  left: 0px;
  width: 508px;
  height: 290px; 
  background-image: url(img/frame_horizontal.png); 
  background-repeat: no-repeat;

}

#imageTarget #verticalImage #foreground
{ 
  position:absolute;
  top: 0px;
  left: 0px;
  width: 207px;
  height: 290px; 
  background-image: url(img/frame_vertical.png); 
  background-repeat: no-repeat;


}

#imageTarget img
{ 
  padding-top: 18px;
  padding-left: 19px;
   
}


p.date{ font-weight: bold; }



#contentcolumn .indexcontent .scroll-pane
{ 
  height: 315px;

 }


img.luispato
{ 
  position: absolute;
  bottom: 15px;
  left: 20px;
 }

#lang
{ 
  position: absolute;
  top: 20px;
  right: 80px;
  }

#lang a
{ 
  text-transform: uppercase;
  font-family: Georgia, serif;
  font-size: 90%;
  }


#newsList
{
  position: absolute;
  top: 265px;
  right: 365px;
  width: 255px;
  padding: 15px;
  display: none;
}

#newsList .newsBody{ display: none; }


#moreNews:hover{ cursor: pointer; color: #977842;}
.news:hover{ cursor: pointer; color: #977842;}


#wines-content .scroll-pane 
{  
  height: 240px;
  }

#wines-content img
{ 
  margin-left: -8px;
  margin-bottom: 10px;
 }

#addressContacts
{ 
  width: 130px;
 }


.textcentered
{ 
  text-align: center;
  }


#contentcolumn #medals
{ 
  position: absolute;
  top: 20px;
  right: 15px;
  width: 70px;
  height: 200px;
 }


#contentcolumn #medals img
{ 
  width: 70px;
 }

#center-form
{
  position: absolute;
  top: 180px;
  left: 343px;
  width: 300px;
  height: auto;
  background-image: url(img/castanho_escuro.png);
  padding: 10px

}

#center-form .errorlist{
    color: red;
}


#center-form label
{ 
    float: left;
    width: 130px;
    margin-top: 5px;
    
}

#center-form img.captcha
{ 
    float: left;
    margin-right: 10px;
}
#center-form #id_captcha_1
{ 
    width: 30px;
    margin-left: 10px;
}



#center-form .textinput
{ 
  border: none;
  width: 140px;
  float: left;
  margin-top: 5px;
  }


#center-form select
{ 
  border: none;
  width: 140px;
  height: 30px;
  float: left;
  margin-top: 5px;
  }

#center-form .button
{ 
  display: block;
  float: right;
  border: none;
  background: none;
  color: white;
  text-align: right;
  margin: 10px 8px 0 0;
  font-size: 80%;

  text-transform: uppercase;

  cursor: pointer;

  }

#center-form .button:hover
{ 
  color: #977842;

 }

#center-form p 
{ 
  margin-top: 10px;

  }

#center-form h3 
{ 
  font-weight: bold;
  font-size: 90%;
  margin-bottom: 5px;
  }

#center-form h3 span
{ 
  float: right;
  font-size: 110%;
  font-family: arial, sans-serif;
  font-weight: bold;
  cursor: pointer;
  }