/* ---------- misc ---------- */

* {
 padding: 0;
 margin: 0;
 border: none;
 }
body	{
 background: #666666;
 background-repeat: repeat;
 color: #444;
 font: 11px/1.4em Arial, Tahoma, Verdana, sans-serif;
 text-align: center;
 text-shadow: #ffffff 0px 0px 0px;/*Elimina el efecto bold en Safari*/
 padding-top:5px;
 padding-left:10px;
 padding-bottom:4px;
 padding-right:10px;
}
acronym {
 cursor: help;
 }

/* ---------- div ---------- */

#container {
 padding: 0px;
 width: 830px!important;
 width /**/: 834px;
 margin: 0 auto;
 background: #666666;
 text-align: left;
 position: relative;
 }
 
#logo {
	position: absolute;
	float: right;
	left: 86px;
	top: 46px;
}
 
#logomini {
	position: absolute;
	float: right;
	left: 41px;
	top: 39px;
}
#do {
	position: absolute;
	float: right;
	left: 108px;
	top: 430px;
}

#requadres {
	position: absolute;
	float: right;
	left: 572px;
	top: 375px;
}

#marques {
	position: absolute;
	float: right;
	left: 549px;
	top: 449px;
}


#vi1 {
	position: absolute;
	float: right;
	left: 582px;
	top: 393px;
}

#vi2 {
	position: absolute;
	float: right;
	left: 626px;
	top: 371px;
}

#vi3 {
	position: absolute;
	float: right;
	left: 666px;
	top: 385px;
}

#vi4 {
	position: absolute;
	float: right;
	left: 709px;
	top: 373px;
}

#vi5 {
	position: absolute;
	float: right;
	left: 753px;
	top: 394px;
}

#titol1 {
	position: absolute;
	float: right;
	left: 629px;
	top: 95px;
	color:#FAE017;
	width: 111px;
}

#titol2 {
	position: absolute;
	float: right;
	left: 665px;
	top: 165px;
	color:#FAE017;
	width: 121px;
}

#titol3 {
	position: absolute;
	float: right;
	left: 657px;
	top: 235px;
	color:#FAE017;
	width: 110px;
}

#titol4 {
	position: absolute;
	float: right;
	left: 568px;
	top: 570px;
	color:#FAE017;
	width: 233px;
}

#titol5 {
	position: absolute;
	float: right;
	left: 649px;
	top: 295px;
	color:#FAE017;
}

.titular {
	position: absolute;
	float: right;
	left: 102px;
	top: 180px;
	color:#FAE017;
	font-size: 27px;
	writing-mode: tb-rl;
	height: 300px;
	width: 34px;
	line-height: 34px;
}

#menucontacta.titular{
   background-image: url(../imatges/menu-historia.png);
   background-repeat: no-repeat;
}

h1 #menu-historia{
   background-image: url(../imatges/menu-historia.png);
   background-repeat: no-repeat;
}

h1 #menu-vinyes{
   background-image: url(../imatges/menu-vinyes.png);
   background-repeat: no-repeat;
}

h2 {
	color:#FAE017;
	font-size: 18px;
	font-weight: lighter;
}

#menu {
	position: absolute;
	float: right;
	left: 293px;
	top: 558px;
	color:#FAE017;
	width: 542px;
	font-size: 12px;
}

#contingut {
	position: absolute;
	float: right;
	left: 422px;
	top: 42px;
	color:#fff;
	width: 359px;
	height: 277px;
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
}

#galeria {
	position: absolute;
	float: right;
	left: 197px;
	top: 42px;
	color:#fff;
	width: 584px;
	height: 477px;
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
}

#galeria img{
	float: left;
	margin: 0px 14px 20px 0px;
}


#contacta {
	position: absolute;
	float: right;
	left: 614px;
	top: 137px;
	color:#fff;
	width: 175px;
	height: 63px;
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
	text-indent: 4px;
}

#contacta img{
	position: absolute;
	float: right;
	top: -47px;
	left: -5px;
}

#formulari {
	position: absolute;
	float: right;
	left: 274px;
	top: 240px;
	width: 322px;
	height: 292px;
	text-align: justify;
	font-size: 12px;
	background-image:url(../imatges/contacta.png);
	background-position: 0px 20px;
	background-repeat: no-repeat;
}

#formulari input, textarea{
	background-color: transparent;
	position: absolute;
	float: right;
	left: 16px;
    font: 12px/1.4em Arial, Tahoma, Verdana, sans-serif;
}

#formulari #empresa{
	top: 36px;
	width: 256px;
}

#formulari #nom{
	top: 74px;
	width: 256px;
}

#formulari #telefon{
	top: 110px;
	width: 256px;
}

#formulari #email{
	top: 148px;
	width: 256px;
}

#formulari #consulta{
	top: 184px;
	width: 244px;
	height: 67px;
}

a:active, a:link, a:visited{
    text-decoration:none;
	color:#FAE017;
}

a:hover{
    text-decoration:underline;
	color:#FAE017;
    /*font-weight:bold;*/
}

#borrar{
	position: absolute;
	float: right;
	left: 279px;
	top: 209px;
	height: 18px;
	color:#000000;!important
}

#enviar{
	position: absolute;
	float: right;
	left: 279px;
	top: 239px;
	height: 18px;
	color:#000000;!important
}

#img1 {
	position: absolute;
	float: right;
	left: 210px;
	top: 42px;
}
#img2 {
	position: absolute;
	float: right;
	left: 182px;
	top: 227px;
}
#img3 {
	position: absolute;
	float: right;
	left: 193px;
	top: 374px;
}
#img4 {
	position: absolute;
	float: right;
	left: 413px;
	top: 374px;
}
#img5 {
	position: absolute;
	float: right;
	left: 633px;
	top: 374px;
}
#img6 {
	position: absolute;
	float: right;
	left: 613px;
	top: 374px;
}