@import "reset.css";
@import "layout.css";
/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
display:block;
}
mark,rp,rt,ruby,summary,time {
display:inline
}
/*GLOBAL*/
html {
}

body {
	position:absolute;
	color:#000000;
	min-width: 940px;
	min-height:725px;
	width:100%;
	height:100%;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-transform: none;
}
#glob {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index:2;
}
.spinner {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:10000;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #222222;
}
#bgStretch {
z-index:-10000;
}
#bgStretch>img {
background: #222222; 
}


.logo {
	position:relative;
	display:inline-block;
	padding-top: 102px;
	text-align: center;
	border-radius: 129px;
	-webkit-border-radius: 129px;
	-moz-border-radius: 129px;
	width: 143px;
	height: 156px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 40px;
	background-image: url(../images/Logo-PiasSmall.png);
	background-repeat: no-repeat;
}
.logo2 {
	position:relative;
	display:inline-block;
	color: #fff;
	padding-top: 102px;
	text-align: center;
	border-radius: 129px;
	-webkit-border-radius: 129px;
	-moz-border-radius: 129px;
	width: 258px;
	height: 156px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 40px;
	background-color: #000000;
	background-image: url(../images/Logo-PiasSmall.png);
	background-repeat: no-repeat;
}
.logo>span{
display: block;
position: relative;
color: #4e4e4e;
margin-top: -3px;
font-size: 12px;
line-height: 12px;
}
/*footer Social Networks*/
footer {
position:absolute;
width:940px;
height:91px;
z-index:100;
}
/*footer from Body*/
footer2 {
position:absolute;
bottom:0px;
width:100%;
height:91px;
z-index:100;
text-align: center;
}
footer ul{
float:right;
}
footer ul li{
display: inline-block;
}
footer ul li a{
position: relative;
display: inline-block;
width: 23px;
height: 20px;
overflow: hidden;
} 
footer ul li a img{
position: relative;
}
.priv_text {
	position: relative;
	color: #fff;
	text-transform: lowercase;
	padding-top: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
.priv_text a{
color: #fff;
}
header{
position:absolute;
width: 258px;
height: 258px;
z-index: 150;
margin-left: -129px;
left: 50%;
top: 188px;
}
/* END FOOTER*/
/*'MENU*/
.menu {
position: relative;
display: block;
background: url('../images/menu_bg_piece.jpg') center top repeat-x;
width: 940px;
height:424px;
z-index: 99;
display: none;
}
#menu{
top: 9px;
position: relative;
overflow: visible;
}
#menu>li.no_bg {
background: none;
display: none;
}
#menu>li {
display: inline-block;
float: left;
position: relative;
width: 188px;
height: 414px;
text-align: center;
}
#menu>li:first-child+li {
background: url('../images/splash_pic1.jpg') center no-repeat;
}
#menu>li:first-child+li+li {
background: url('../images/splash_pic2.jpg') center no-repeat;
}
#menu>li:first-child+li+li+li {
background: url('../images/splash_pic3.jpg') center no-repeat;
}
#menu>li:first-child+li+li+li+li {
background: url('../images/splash_pic4.jpg') center no-repeat;
}
#menu>li:first-child+li+li+li+li+li {
background: url('../images/splash_pic5.jpg') center no-repeat;
}
#menu>li>a {
position: relative;
height: 100%;
width: 100%;
display: inline-block;
overflow: hidden;
}
#menu>li>a>span{
	display: inline-block;
	position: relative;
	padding-top: 302px;
	color: #000;
	z-index:2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 20px;
}
#menu>li>a>strong{
display: inline-block;
position:absolute;
height: 0;
width: 100%;
top: 0px;
left: 0px;
background: url('../images/splash_bg_over.png');
}
.submenu_1 {
position:absolute;
z-index:9100;
width: 100%;
left: 0px;
top: 88px;
background: #1a1a1a;
padding: 30px 0;
display: none;
}
.submenu_1 li {
position:relative;
text-align: center;
display: block;
}
.submenu_1 a {
	display: block;
	position:relative;
	text-transform:lowercase;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
}
.submenu_1 li>a:hover,.submenu_1 li.sfHover>a{
background: url('../images/submenu_bg_over.png') center no-repeat;
}
/* END MENU*/
/*PAGES*/
.next,.prev{
position:absolute;
height: 100%;
width: 131px;
}
.prev{
left:0;
background: url('../images/arrow_l.png') -90px center no-repeat;
}
.next{
right:0;
background: url('../images/arrow_r.png') 60px center no-repeat;
}
#content {
position:relative;
width:940px;
margin: 0 auto;
z-index: 50;
}

#content>ul {
position: absolute;
width:100%;
top: 168px;
z-index: 100;
}
#content>ul>li.no_bg{
background: none;
display: none;
}
#content >ul >li {
	position:absolute;
	width:100%;
	height: 377px;
	overflow: hidden;
	background-image: url(../images/Footer.png);
	background-repeat: no-repeat;
}
.list1{
margin-top: 10px;
}
.list1>li{
position: relative;
margin-bottom: 7px;
width: 250px;
background: url('../images/bull.png') left center no-repeat;
}
.list1>li>a{
color: #6c6c6c;
text-transform: uppercase;
padding-left: 15px;
}
.list1>li>a:hover{
text-decoration: underline;
}
.list2{
margin-top: 10px;
}
.list2>li{
display: inline-block;
width: 250px;
margin-bottom: 7px;
}
.list2>li>div{
float: left;
margin-right: 16px;
}
.list2>li>p{
padding: 5px 0 3px;
}
.list3{
margin-top: -5px;
}
.list3>li{
display: inline-block;
width: 240px;
margin: 0 49px 22px 0;
}
.list3>li>div{
float: left;
margin: 10px 16px 10px 0;
}
.list3>li>p{
padding: 5px 0 4px;
}
.im_holder1{
	display: inline-block;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.readMore {
padding: 10px 20px;
color: #fff;
background: #bf4833;
text-transform: uppercase;
border-bottom: 1px solid #ac4331;
border-right: 1px solid #ac4331;
}
.readMore:hover {
text-decoration: none;  
}
.hline{
width: 100%;
height: 1px;
display: block;
background: #393939;
margin-bottom: 28px;
}
.vline{
background: url('../images/vline.png') right center no-repeat;
}
/*SCROLL*/
/*Box of Scroll*/
.scroll {
	position: relative;
	height:318px;
	width: 430px;
	overflow: hidden;
	top: -2px;
}
._shuttle {
	width: 8px;
	height: 8px;
	background: url('../images/scroll_btn.png') 0 no-repeat;
	margin-left: 24px;
}
/* Extend of the slider */
._track{
height:318px;
width: 8px;
}
.scrollBtns{
position: absolute;
bottom: -23px;
text-align: center;
display: block;
width: 100%;
height: 51px;
}
.scrollDown,.scrollUp{
position: relative;
width: 51px;
height: 51px;
border-radius: 25px;
background: #bf4833;
display: inline-block;
margin-right: 1px;
}
.scrollDown>span,.scrollUp>span{
width: 21px;
height: 14px;
text-align: center;
display: inline-block;
}
.scrollDown>span{
margin-top: 21px;
background: url('../images/arrow_down.png') 0 top no-repeat;
}
.scrollUp>span{   
margin-top: 18px;
background: url('../images/arrow_up.png') center no-repeat;
}
/*END SCROLL*/
.sitem_over {
position:absolute;
background:url( '../images/p3_bg_over.png') 0 0 repeat;
z-index:2;
width:280px;
height:162px;
display:none;
overflow: hidden;
}
.sitem_over>strong {
position:relative;
background:url( '../images/icon_zoom.png') center no-repeat;
width: 100%;
height: 100%;
display: block;
}
body p a {
color: #fff;
text-decoration:none;
}
body p a:hover {
text-decoration:underline;
}
/*PADDINGS*/
.pad1 {
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.pad1footer {
	padding-top: 42px;
	padding-right: 20px;
	padding-bottom: 52px;
	padding-left: 20px;
}
.pad2 {
padding-bottom: 12px;
}
.w1{
display: inline-block;
width: 70px;
}
.color1{
color: #bdbdbd;
}
.color2{
color: #b8ca4a;
}
.color3{
	color: #333333;
}
.fontStyle1{
font-size: 11px;
color: #fff;
}
/*BG PAGES*/
/*///////////////////////////*/
h1 {
position:relative;
text-align: center;
}
h2 {
	position:relative;
	color: #666;
	padding-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
}
p {
	text-transform: none;
	padding-bottom: 16px;
}
/*additional classes*/
.block {
display:block;
}
.fleft {
float:left;
}
.fright,.fr {
float:right;
}
.fnone,.fn {
float:none;
}
.col-1,.col-2,.col-3 {
float:left;
}
.alignleft,.all {
text-align:left;
}
.alignright,.alr {
text-align:right;
}
.aligncenter,.alc {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
}
.wrapperFooter {
	width:940px;
	overflow:hidden;
	background-color: #000;
	padding: 3px;
}
.wrapperSocialNetworks {
	width:940px;
	overflow:hidden;
	background-color: #000;
}

a.und,.und a {
text-decoration:none;
}
a {
text-decoration:none;
}
a.und:hover,.und a:hover {
text-decoration:underline;
}
.nocolor,.nocolor a {
color:inherit;
}
.upc {
text-transform:uppercase;
}
.extra-wrap {
overflow:hidden;
}
.nopad {
padding:0;
}
.nomar {
margin:0;
}
.clear {
clear:both;
line-height:0;
}
.bold {
font-weight:bold;
}
.rel {
position:relative;
}
.defcur {
cursor:default;
}
.ws {
white-space:pre;
}
.automargin {
margin:0 auto;
}
/*custom boxes*/
dl.address dd {
text-align:left
}
dl.address dd span {
float:left;
}
dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd {
overflow:hidden;
}
dl.img-box dt,.img-box-set dl dt {
float:left;
}
/*GOOGLE MAP*/
.google_map{
	border-radius: 1px;
	width: 249px;
	height: 257px;
	box-shadow: none;
	background-color: #222222;
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	position:  relative;
	overflow: hidden;
	text-align: left;
	border: thin solid #000;
}
/*END GOOGLE MAP*/
/* ============================= forms ============================= */
#ContactForm {
margin: -11px 0 0;
}
#ContactForm .wrapper{
height: auto;
}
#ContactForm label {
position:relative;
display: block;
}
#ContactForm span {
display:block
}
#ContactForm .error,#ContactForm .empty {
	color: #6c6c6c;
	display:none;
	width:100%;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 7px;
}
#ContactForm .success {
	display:none;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	color:#6c6c6c;
	padding: 18px 1px;
}
.contact_btns{
right: 0px;   
position: relative;
padding-top: 30px;
float: right;
}
#ContactForm a {
	position:relative;
	display: inline-block;
	margin-left: 18px;
	color: #333;
}
#ContactForm .input {
	width: 183px;
	height: 22px;
	background: #000;
	border: 1px solid #464646;
	padding: 5px 10px;
	color: #454545;
	outline:none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
}
#ContactForm textarea {
	overflow:auto;
	margin:0;
	width: 303px;
	height: 140px;
	background: #000;
	border: 1px solid #464646;
	padding: 5px 10px;
	color: #454545;
	resize:none;
	outline:none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
}
#ContactForm .block {
display:inline-block;
position:relative;
height:139px;
width:260px;
padding-right: 15px;
}
.bg{
height: 35px;
padding-top: 8px;
}
.bg2{
padding-top: 8px;
height: 116px;
}
/* ============================= end forms ============================= */





/* ============================= myCode ============================= */
table{
	color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.center {   
margin-left: auto;   
margin-right: auto;
}

.bckg img {
	min-height:100%;
	min-width:100%;
	overflow:hidden;
	position: absolute;
	width:100%;
	top: 0;
	left: 0;}
	
#bckg{
}

#idSlideShowHistoria{
}

.clSlideShowHistoria IMG{
    position:absolute;
    top:10;
    left:10;
}

#idSlideShowAdega{
}

.clSlideShowAdega IMG{
    position:absolute;
    top:10;
    left:10;
}

#idSlideShowHerdade{
}

.clSlideShowHerdade IMG{
    position:absolute;
    top:10;
    left:10;
}

.podbar {
	font-size:9px;
    bottom:0;
    position:fixed;
    z-index:2;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+
        (document.documentElement.clientHeight-this.offsetHeight)));
    height:15px;
margin-left:auto;
margin-right:auto;
width:100%;
}


/* ============================= vinhos zoom ============================= */
        #containerVinhos {
            text-align: center;
            position: absolute;
			margin-top: 45px;
			margin-left: 115px;
            width: 790px;
        }
        .zoom {
	position: inherit;
	z-index: 0;
        }
        .endVinhos {
            margin-right: 0;
        }
        .clearVinhos {
            clear: both;
        }
        .zoom a img {
	position: relative;
	border: 0 solid #fff;
        }


/*Navegação*/

.topbar
{
	position:fixed;
	top:0;
	z-index:1;
	width:100%;
	background:#000000;
	height:26px
}

.navlink::selection {
	background: #ad2624; /* Safari */
	}
.navlink::-moz-selection {
	background: #ad2624; /* Firefox */
}

.navlink {
	text-indent:0;
	display:inline-block;
	color:#000000;
	font-family: Arial, sans-serif, Trebuchet MS;
	font-size:14px;
	line-height:14px;
	text-decoration:none;
	text-align:center;
	padding: 6px 5px 6px 5px;
	margin:0px;
	float:left;
}

.navlink:first-child
{
	margin-left:20px;
}
.navlink:link {
   	color:#CCCCCC;
   	font-family: Arial, sans-serif, Trebuchet MS;
}
.navlink:visited {
   	color:#CCCCCC;
   	font-family: Arial, sans-serif, Trebuchet MS;
}
.navlink:hover {

	color:#FFFFFF;
}
.navlink:focus {
	background-color:#ad2624;
	top:1px;
}
.navlink:active {
	position:relative;
	top:1px;
}

.active:visited {
   	color:#FFF;
   	font-family: Arial, sans-serif, Trebuchet MS;
}

.loja
{
	text-indent:0;
	display:inline-block;
	color:#000000;
	font-family: Arial, sans-serif, Trebuchet MS;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding: 6px 5px 6px 5px;
	margin:0px;
	background:#ad2624;
	color:#fff;
	position:absolute;
	right:0;
	top:0;
	z-index:5;
}
.loja:link, .loja:visited
{
	background:#ad2624;
	color:#fff;
}
.loja:hover
{
	background:#BF2A28;
}