/* reset */
* {	margin: 0px; padding: 0px; }
img {border: 0px; vertical-align: middle; }
a {text-decoration: none; color: #666666; }
a:hover {text-decoration: underline; }
a:active, :-moz-any-link:focus  {outline: none;}

html { height: 100%; }

body {
	font-family: "Trebuchet", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*background-image: url(../img/estructura/back.gif);*/
	background-position: top;
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
	height: 100%;
	background-color: #575757;
	overflow-x: hidden; 
}

div.debug {
	position: absolute;
	width: 300px;
	opacity: 0.8;
	background-color: #333333;
	color:#FFFFFF;
	border: 1px solid #666666;
	padding: 10px;
	z-index: 1000;
	margin: 10px;
}

div.content { 
	margin:0 auto 0 auto;
	width: 971px;
	text-align:left;
}

#negre {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 200;
	opacity:0.8;
	filter: alpha(opacity=80);
	display: none;
}

div.clear {
	clear: both;	
}

#peu {
	width: 100%;	
	color: #FFFFFF;	
	font-size: 9px;
}

#peu a { color: #FFFFFF; }

#peu div.content {
	padding-top: 10px;
	background-color: #1d1d1d;
	border-top: 1px solid #636363;
	height: 25px;
}

#borderlan {
	width: 100%;
	border-top: 2px solid #a68207;
}

#head {
	width: 100%;
	height: 111px;
	background-color: #f6f5f1;
	border-top: 2px solid #a68207;
}

#head div.logo {
	position: absolute;
	margin-top: 22px;
	margin-left: 28px;
}

/* menu */

#menu ul {
	position: absolute;
	margin-top: 67px;
	margin-left: 240px;
}

#menu li {
	float: left;
	list-style: none;
	margin: 0px 12px 0px 12px;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
}

#menu li.separador {
	margin: 0px;
	background-image: url(../img/estructura/punto.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 6px;
	height: 14px;
}

#menu li a.actiu, #head div.menu li a:hover {
	color: #a68207;
}

/* menu */

#menutop ul {
	position: absolute;
	margin-top: 15px;
	margin-left: 703px;
}

#menutop li {
	float: left;
	list-style: none;
	margin: 0px 10px 0px 10px;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}

#menutop li.separador {
	margin: 0px;
	background-image: url(../img/estructura/punto2.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 3px;
	height: 10px;
}

#menutop li a.actiu, #head div.menu li a:hover {
	color: #a68207;
}

#menutop img {
	vertical-align: top;	
}

/* submenus */

div.submenus div.submenu {
	position: absolute;
	width: 971px;
	display: none;
	z-index: 10;
}

div.submenus div.tick {
	position: absolute;
	width: 27px;
	height: 13px;
	margin-top: -13px;
	background-image: url(../img/estructura/tick.gif);
	background-repeat: no-repeat;
}

div.tickvinedo {
	margin-left: 445px;
}

div.tickvinedoen, div.tickvinedode, div.tickvinedoch, div.tickvinedofr {
	margin-left: 475px;
}

div.tickvinos {
	margin-left: 633px;
}

div.tickvinosen, div.tickvinosde, div.tickvinosch, div.tickvinosfr {
	margin-left: 670px;
}

#subvinedo {
	height: 140px;
	background-image: url(../img/estructura/submenu_vinedo/back-submenu-vinedo.png);
	z-index: 11;
}

#subvinedo img {
	position: absolute;
	margin-left: 216px;
}

#subvinedo div.rioja, #subvinedo div.alella {
	position: absolute;
	margin-top: 34px;
	font-size: 12px;
	color: #000000;
}

#subvinedo div.rioja { margin-left: 358px; }
#subvinedo div.alella {	margin-left: 468px; }

div.subvinedoen div.rioja { margin-left: 378px !important; }
div.subvinedode div.rioja { margin-left: 378px !important; }

#subvinedo div.rioja a, #subvinedo div.alella a {
	color: #000000;
}

#subvinedo div.rioja span, #subvinedo div.alella span {
	font-style: oblique;
}

#subvinos {
	height: 257px;
	background-image: url(../img/estructura/submenu_vinos/back-submenu-vinos.png);
	z-index: 11;
}

#subvinos div.vinos {
	position: absolute;
	margin-left: 10px;
}

#subvinos div.vino {
	width: 114px;
	height: 243px;
	float: left;
	cursor: pointer;
	margin-right: 5px;
}

#subvinos div.vino img {
	position: absolute;
	margin-left: 35px;
	margin-top: 10px;
}

#subvinos div.vino p.titol {
	position: absolute;
	margin-top: 194px;
	border-top: 1px dashed #B6B6B6;
	padding-top: 6px;
	text-align: center;
	color: #666666;
	width: 100px;
	line-height: 12px;
	margin-left: 7px;
}

#subvinos div.vino p.titol strong {
	color: #333333;
}

#subvinos div.vino:hover {
	background-image: url(../img/estructura/submenu_vinos/fons-on.jpg);
}

/* lan */

#lan {
	position: absolute;
	color: #FFFFFF;
	width: 27px;
	height: 18px;
	background-image: url(../img/estructura/back-idiomaactiu.gif);
	padding: 6px 0px 0px 0px;
	margin-left: 946px;
	margin-top: 10px;
	text-align: center;
}

#lan a, #lans a {
	color: #FFFFFF;
}

#lans div {
	color: #FFFFFF;
	width: 27px;
	height: 18px;
	background-image: url(../img/estructura/back-idiomaoff.gif);
	padding: 6px 0px 0px 0px;
	text-align: center;
}

#lans div.actiu, #lans div:hover {
	background-image: url(../img/estructura/back-idioma.gif);
}

#lans {
	position: absolute;
	margin-left: 946px;
	margin-top: 10px;
	z-index: 12;
	display: none;
	cursor: pointer;
}

/* carousels */

div.carousel {
	width: 971px;
	height: 337px;
	color: #FFFFFF;
	background-color: #000000;
}

div.carousel div.tools div.left {
	position: absolute;
	margin-top: 145px;
	cursor: pointer;
	width: 44px;
	height: 44px;
	background-image: url(../img/estructura/carousel/left_off.png);
}

div.carousel div.tools div.left:hover {
	background-image: url(../img/estructura/carousel/left_on.png);
}

div.carousel div.tools div.right {
	position: absolute;
	margin-top: 145px;
	margin-left: 927px;
	cursor: pointer;
	width: 44px;
	height: 44px;
	background-image: url(../img/estructura/carousel/right_off.png);
}

div.carousel div.tools div.right:hover {
	background-image: url(../img/estructura/carousel/right_on.png);
}

div.carousel div.tools div.radios {
	position: absolute;
	width: 971px;
	text-align: center;
	margin-top: 317px;
	display: none;
}

div.carousel div.tools div.radios img {
	margin: 0px 1px 0px 2px;
	cursor: pointer;
}

div.carousel div.item {
	position: absolute;
	width: 971px;
	height: 337px;
}

div.carousel div.item div.copy {
	position: absolute;
	margin-top: 291px;
	padding: 15px 0px 0px 10px;
	height: 31px;
	width: 961px;
	background-image: url(../img/estructura/carousel/fons-copy.png);
	color: #FFFFFF;
	font-style: oblique;
	display: none;
}

div.carousel div.action {
	position: absolute;
	width: 971px;
	height: 337px;
}

div.carousel div.fotocopy {
	position: absolute;
	padding: 5px 0px 0px 0px;
	height: 80px;
	width: 971px;
	background-image: url(../img/estructura/carousel/fons-foto-copy.png);
	color: #FFFFFF;
	display: none;
	clip: rect(0px,971px,80px,0px);
}

div.carousel div.fotocopy div.imatges {
	width: 1600px;
	height: 80px;
	clip: rect(0px,971px,80px,0px);	
}

div.carousel div.fotocopy img {
	margin-left: 5px;
	cursor: pointer;
	float: left;
}

/* path */

div.path {
	padding: 0px 0px 10px 15px;
	font-size: 10px;
}

div.path a.actiu {
	color: #333333;
}

/* carrito */

#carrito {
	position: absolute;
	margin-top: 42px;
	margin-left: 732px;
	width: 231px;
	border: 4px solid #D1D1D1;
	z-index: 50;
	background-color: #F0F0F0;
	display: none;
}

#carrito div.tick {
	position: absolute;
	width: 12px;
	height: 10px;
	margin-top: -14px;
	margin-left: 150px;
	background-image: url(../img/estructura/carrito-tick.gif);
	background-repeat: no-repeat;
}

#carrito div.header {
	background-color: #F8F8F8;
	padding: 4px;
	height: 15px;
}

#carrito div.item {
	padding: 4px;
	border-top: 4px solid #D1D1D1;
	height: 62px;	
}

#carrito div.item div.col1 {
	height: 20px;	
}

#carrito div.item div.col1 span {
	color: #000000;
}

#carrito div.item img.botella {
	position: absolute;
	margin: 10px 0px 0px 8px;
}

#carrito div.item img {
	vertical-align: top;
}

#carrito div.item table {
	position: absolute;
	margin-left: 31px;
	width: 67px;
}

#carrito div.item td {
	height: 62px;
	width: 67px;
}

#carrito div.item div.nom {
	display: table-cell;
	vertical-align: middle;
	width: 67px;
	font-size: 9px;
	line-height: 10px;
	color: #666666;
	text-align: left;
}

#carrito div.item div.mas, #carrito div.item div.menos {
	position: absolute;
	color: #FFFFFF;
	background-color: #999999;
	padding-left: 2px;
	width: auto;
	margin-left: 15px;
	width: 15px;
	height: 15px;
	text-align: center;
	cursor: pointer;
}

#carrito div.item div.mas {
	margin-top: 3px;
}

#carrito div.item div.num {
	position: absolute;
	margin-top: 23px;
	margin-left: 20px;
}

#carrito div.item div.menos {
	margin-top: 42px;
}

#carrito div.item div.col3 {
	padding-top: 18px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	line-height: 12px;
}

#carrito div.item div.col3 a {
	font-weight: normal;
	font-size: 10px;
	letter-spacing: -1px;
	font-style: oblique;
}

#carrito div.separador {
	border-bottom: 1px dashed #333333;
	border-top: 4px solid #D1D1D1;
	background-color: #D1D1D1;
}

#carrito div.total {
	border-bottom: 4px solid #D1D1D1;
	border-top: 4px solid #D1D1D1;
	background-color: #D1D1D1;
	padding: 10px 0px 10px 0px;
	font-style: oblique;
	height: 20px;
}

#carrito div.total div.col1 {
	font-size: 10px;
}

#carrito div.total div.col23 {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
}

#carrito div.pagar {
	border: 1px solid #888888;
	color: #FFFFFF;
	text-align: center;
	padding: 20px 0px 20px 0px;
	height: 17px;
	background-image: url(../img/estructura/carrito-back-pagar.gif);
	font-size: 14px;
}

#carrito div.pagar a {
	color: #FFFFFF;
}

#carrito div.col1 {
	float: left;
	width: 100px;		
}

#carrito div.col2 {
	float: left;
	width: 40px;
	text-align: center;	
}

#carrito div.col3 {
	float: left;
	width: 78px;
	text-align: right;		
}

#carrito div.col23 {
	float: left;
	width: 130px;
	text-align: right;		
}

#carrito div.cerrar {
	background-image: url(../img/estructura/cerrar.png);
	width: 25px;
	height: 25px;
	position: absolute;
	cursor: pointer;
	margin-top: -10px;
	margin-left: 220px;
}

/* pagina */

div.pagina {
	background-color: #FFFFFF;	
}

/* lan */

div.plan {
	height: 558px;
	background-image: url(../img/lan/back.jpg);	
}

div.plan div.escoger {
	position: absolute;
	width: 594px;
	height: 406px;
	background-image: url(../img/lan/back-escoger.png);
	margin-top: 70px;
	margin-left: 215px;	
	text-align: center;
}

div.plan div.escoger div.idiomas {
	position: absolute;
	width: 594px;
	margin-top: 245px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

div.plan div.escoger div.idiomas a {
	color: #000000;
	padding: 0px 20px 0px 20px;
}

div.plan div.escoger div.pie {
	position: absolute;
	width: 594px;	
	line-height: 12px;
	margin-top: 350px;
	font-size: 10px;
}

/* home */

div.phome div.carousel { height: 446px; }
div.phome div.carousel div.item { height: 446px; }
div.phome div.carousel div.tools div.left { margin-top: 195px; }
div.phome div.carousel div.tools div.right { margin-top: 195px; }
div.phome div.carousel div.tools div.radios { display: none; }

div.phome div.carousel #item1 { background-image: url(../img/home/imagen-1.jpg); }
div.phome div.carousel #item2 { background-image: url(../img/home/imagen-3.jpg); }
div.phome div.carousel #item3 { background-image: url(../img/home/imagen-2.jpg); }

div.phome div.news {
	position: absolute;
	z-index: 10;
	width: 244px;
	margin-left: 724px;
	margin-top: 4px;
	color: #fff;
}

div.phome div.news a {
	color: #fff;
}

div.phome div.news div.tit {
	height: 36px;
	background-image: url(../img/home/newstit.gif);
	margin-bottom: 1px;
}

div.phome div.news div.tit h1 {
	padding: 10px;
	font-size: 13px;
	font-family: font-family: "Trebuchet", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.phome div.news div.boto {
	position: absolute;
	margin-left: 155px;
	cursor: pointer;
}

div.phome div.news div.boto img {
	position: absolute;
}

div.phome div.news div.boto #tickx {
	display: none;
}

div.phome div.news div.notis {
	background-image: url(../img/home/transp.png);
	margin-bottom: 1px;
	padding-bottom: 6px;
	display: none;
}

div.phome div.news div.notis div.noti {
	padding: 6px;
	padding-bottom: 0px;
}

div.phome div.news div.notis div.noti div.imgnoti {
	border: 3px solid #e6e2d6;
	margin-right: 6px;
	float: left;
	width: 75px;
	height: 75px;
}

div.phome div.news div.notis div.noti div.imgnoti img {
	width: 75px;
	height: 75px;
}

div.phome div.news div.notis div.noti div.txt {
	float: left;
	width: 140px;
	position: relative;
	z-index: 11;
	margin-top: 20px;
}

div.phome div.news div.notis div.noti div.txt a {
	color: #a38509;
}

div.phome div.news div.antsig {
	background-image: url(../img/home/transp.png);
	padding: 15px;
	display: none;
}

div.phome div.news div.antsig div.ant {
	position: absolute;
}

div.phome div.news div.antsig div.sig {
	text-align: right;
}

div.phome div.news div.antsig span {	
	cursor: pointer;
}

div.phome div.news div.antsig span:hover {	
	text-decoration: underline;
}


/* tienda */

div.ptienda div.botellas {
	height: 125px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	background-color: #F5F5F5;
}

div.ptienda div.botellas div.botella {
	width: 161px;
	height: 125px;
	border-right: 1px solid #dcdcdc;
	float: left;
	background-image:url(../img/tienda/fons-botella.gif);
	font-size: 10px;
	line-height: 10px;
	color: #666666;
	cursor: pointer;
}

div.ptienda div.botellas div.botella img {
	position: absolute;
	margin-left: 28px;
	margin-top: 11px;
}

div.ptienda div.botellas div.botella div {
	position: absolute;
	margin-left: 74px;
}

div.ptienda div.botellas div.botella div.titol {
	margin-top: 13px;
}

div.ptienda div.botellas div.botella div.titol strong {
	color: #000000;
}

div.ptienda div.botellas div.botella div.preu {
	margin-top: 55px;
	line-height: 14px;
}

div.ptienda div.botellas div.botella div.preu strong {
	color: #333333;
	font-size: 20px;
	letter-spacing: -2px;
}

div.ptienda div.botellas div.botella div.info {
	margin-top: 103px;
	font-style: oblique;
}

div.ptienda div.botellas div.last {
	border: 0px;
}

div.ptienda div.footer, div.pcolectivos div.footer {
	border-top: 14px solid #5f4f09;
	height: 136px;
	padding: 15px;
	padding-bottom: 10px;
}

div.ptienda div.footer div.quadrito, div.pcolectivos div.footer div.quadrito {
	width: 151px;/* 143px +8 */
	height: 112px;
	margin-right: 16px;
	float: left;
	background-repeat: no-repeat;
	padding: 24px 10px 0px 62px;
	line-height: 12px;
	font-size: 10px;
	color: #333333;
	cursor: pointer;
}

div.ptienda div.footer div.quadrito p.titol, div.pcolectivos div.footer div.quadrito p.titol {
	font-size: 12px;
	margin-bottom: 2px;
}

div.ptienda div.footer div.quadrito p.info, div.pcolectivos div.footer div.quadrito p.info {
	font-size: 12px;
	font-style: oblique;
	margin-top: 10px;
}

div.ptienda div.footer div.quadrito p.info a, div.pcolectivos div.footer div.quadrito p.info a {
	font-size: 12px;
	font-style: oblique;
	margin-top: 10px;
	color: #333333;
}

div.ptienda div.footer div.quadrito_1, div.pcolectivos div.footer div.quadrito_1 { background-color: #ede7ce; background-image: url(../img/tienda/fons-quadrito-1.jpg); }
div.ptienda div.footer div.quadrito_2, div.pcolectivos div.footer div.quadrito_2 { background-color: #e8e0c1; background-image: url(../img/tienda/fons-quadrito-2.jpg); }
div.ptienda div.footer div.quadrito_3, div.pcolectivos div.footer div.quadrito_3 { background-color: #e3dab5; background-image: url(../img/tienda/fons-quadrito-3.jpg); }
div.ptienda div.footer div.quadrito_4, div.pcolectivos div.footer div.quadrito_4 { background-color: #dcdcdc; margin-right: 0px; background-image: url(../img/tienda/fons-quadrito-4.jpg); }
div.ptienda div.footer div.quadrito_4b { margin-right: 15px !important; }
div.ptienda div.footer div.quadrito_5 { margin-right: 0px; background-image: url(../img/tienda/fons-quadrito-5.jpg); }
div.ptienda div.footer div.quadrito_4 { display: none; }
div.ptienda div.carousel #item1 { background-image: url(../img/tienda/carousel-1.jpg); }
div.ptienda div.carousel #item2 { background-image: url(../img/tienda/carousel-2.jpg); }
div.ptienda div.carousel #item3 { background-image: url(../img/tienda/carousel-3.jpg); }
div.ptienda div.carousel #item4 { background-image: url(../img/tienda/carousel-4.jpg); }

div.ptienda div.carousel h1 {
	position: absolute;
	width: 315px;
	margin-left: 135px;
	margin-top: 105px;
	font-size: 22px;
}

div.ptienda div.carousel h2 {
	position: absolute;
	width: 325px;
	margin-left: 135px;
	margin-top: 135px;
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px solid #A38509;
	line-height: 18px;
	font-weight: normal;
}

div.ptienda div.carousel div.info {
	position: absolute;
	margin-left: 135px;
	margin-top: 210px;
	padding: 6px 10px 6px 10px;
	background-color: #A38509;	
	font-style: oblique;
}

div.ptienda div.carousel div.info a {
	color: #FFFFFF;
}

div.ptienda div.detalle {
	position: absolute;
	width: 971px;
	height: 337px;
	background-color: #FFFFFF;
	z-index: 5;
}

div.ptienda div.detalles img.cerrar {
	position: absolute;
	margin-left: 930px;
	margin-top: 15px;
	cursor: pointer;
}

div.ptienda div.detalles img.botella {
	position: absolute;
	margin-top: 80px;
}

div.ptienda div.detalles div.titol {
	position: absolute;
	margin-left: 488px;
	margin-top: 50px;
	font-size: 21px;
	width: 425px;
	font-style: oblique;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	
}

div.ptienda div.detalles div.titol p.nombre {
	color: #5F4F09;
	font-size: 18px;
	margin-bottom: 10px;
}

div.ptienda div.detalles div.preus {
	margin-left: 488px;
	width: 425px;
	margin-top: 190px;
}

div.ptienda div.detalles div.preus div.taula {
	float: right;
	border-top: 1px solid #C1C1C1;
	text-align: center;
	width: 84px;
	margin-left: 1px;
}

div.ptienda div.detalles div.preus div.taula div {
	padding: 8px 6px 8px 6px;
	border-bottom: 1px solid #C1C1C1; 
	color: #666666;
	line-height: 14px;
}

div.ptienda div.detalles div.preus div.taula div.caja {
	color: #836C2B;
	background-color: #F3EFDF; 
	font-style: oblique;
}

div.ptienda div.detalles div.preus div.ti div.precio {
	background-color: #F5F5F5;
}

div.ptienda div.detalles div.preus div.taula div.precio strong {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

div.ptienda div.detalles div.preus div.taula div.anadir {
	font-style: oblique;
	line-height: 11px;
	text-align: left;
	padding: 12px 0px 12px 33px;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.ptienda div.detalles div.preus div.ti div.anadir {
	background-image: url(../img/tienda/anadir-impar.gif);
	background-color: #F5F5F5;
}

div.ptienda div.detalles div.preus div.tp div.anadir {
	background-image: url(../img/tienda/anadir-par.gif);
}

div.ptienda div.dbiblia {
	background-image: url(../img/tienda/back-biblia.jpg);
	color: #fff;
}

div.ptienda div.dbiblia div.txt {
	margin-left: 70px;
	padding-top: 80px;
}

div.ptienda div.dbiblia div.txt p {
	width: 560px;
	line-height: 12px;
}

div.ptienda div.dbiblia div.txt p.gran {
	font-size: 12px;
}

div.ptienda div.dbiblia div.txt p.iva {
	margin-top: 150px;
	font-size: 9px;
}

div.ptienda div.dbiblia div.txt a {
	color: #DDD;
}

div.ptienda div.dbiblia div.preu {
	font-size: 34px;
	font-weight: normal;
	margin-left: 78px;
	margin-top: 182px;
	position: absolute;
}

div.ptienda div.dbiblia div.comprar {
	margin-left: 70px;
	position: absolute;
	background-image: url(../img/tienda/comprar.jpg);
	width: 195px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	margin-top: 248px;
	cursor: pointer;
}

div.ptienda div.redondas {
	position: absolute;
	padding-left: 472px;
}

div.ptienda div.redondas div {
	float: left;
	margin-right: 5px;
	width: 10px;
	height: 10px;
	cursor: pointer;
}

div.ptienda div.redondas div.ron { background-image: url(../img/tienda/ron.jpg); }
div.ptienda div.redondas div.roff { background-image: url(../img/tienda/roff.jpg); }

/*
div.ptienda div.path {
	margin-top: 5px;
	padding-top: 10px;
	border-top: 14px solid #5f4f09;
}
*/

/* la bodega */

div.pempresa div.carousel #item1 { background-image: url(../img/bodega/carousel/carousel-1.jpg); }
div.pempresa div.carousel #item2 { background-image: url(../img/bodega/carousel/carousel-2.jpg); }
div.pempresa div.carousel #item3 { background-image: url(../img/bodega/carousel/carousel-3.jpg); }
div.pempresa div.carousel #item4 { background-image: url(../img/bodega/carousel/carousel-4.jpg); }
div.pempresa div.carousel #item5 { background-image: url(../img/bodega/carousel/carousel-5.jpg); }
div.pempresa div.carousel #item6 { background-image: url(../img/bodega/carousel/carousel-6.jpg); }
div.pempresa div.carousel #item7 { background-image: url(../img/bodega/carousel/carousel-7.jpg); }
div.pempresa div.carousel #item8 { background-image: url(../img/bodega/carousel/carousel-8.jpg); }
div.pempresa div.carousel #item9 { background-image: url(../img/bodega/carousel/carousel-9.jpg); }
div.pempresa div.carousel #item10 { background-image: url(../img/bodega/carousel/carousel-10.jpg); }
div.pempresa div.carousel #item11 { background-image: url(../img/bodega/carousel/carousel-11.jpg); }
div.pempresa div.carousel #item12 { background-image: url(../img/bodega/carousel/carousel-12.jpg); }
div.pempresa div.carousel #item13 { background-image: url(../img/bodega/carousel/carousel-13.jpg); }
div.pempresa div.carousel #item14 { background-image: url(../img/bodega/carousel/carousel-14.jpg); }

div.pempresa div.carousel div.radios { display: none; }

div.pempresa div.masinfo {
	position: absolute;
	margin-top: 30px;
	margin-left: 790px;
	width: 120px;
	font-style: oblique;
	color: #333333;
}

div.pempresa div.masinfo div.item {
	width: 90px;
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 30px;
	line-height: 12px;
	margin-bottom: 10px;
}

div.pempresa div.masinfo div.item a {
	color: #333333;
}

div.pempresa div.masinfo div.item1 { background-image: url(../img/bodega/ico-mas.gif); }
div.pempresa div.masinfo div.item2 { background-image: url(../img/bodega/ico-mapa.gif); }

div.pempresa div.text, div.prioja div.text, div.palella div.text {
	color: #666666;
	margin: 30px 0px 30px 240px;
	width: 490px;
	font-size: 12px;
	font-style: oblique;
	position: relative;
}

#leermas {
	font-size: 14px;
}

div.pempresa h1, div.prioja h1, div.palella h1 {
	color: #a68207;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
}

div.pempresa h2, div.prioja h2, div.palella h2 {
	color: #333333;
	font-size: 16px;
	font-weight: normal;
	line-height: 14px;
}

div.pempresa div.text a, div.prioja div.text a, div.palella div.text a, div.pfilosofia div.text a, div.pelaboracion div.text a {
	color: #a68207;
}

div.pempresa div.ocult, div.prioja div.ocult, div.palella div.ocult, div.pfilosofia div.ocult, div.pelaboracion div.ocult {
	margin-top: 20px;	
}

div.pempresa div.ocult p.xcerrar, div.prioja div.ocult p.xcerrar, div.palella div.ocult p.xcerrar, div.pfilosofia div.ocult p.xcerrar, div.pelaboracion div.ocult p.xcerrar {
	margin-top: 20px;	
}


div.pempresa p, div.prioja p, div.palella p, div.pfilosofia p, div.pelaboracion p {
	margin-bottom: 10px;	
}

/*
div.pempresa div.path {
	margin-top: 50px;
	padding-top: 10px;
	border-top: 14px solid #5f4f09;
}
*/

/* rioja */

div.prioja div.carousel #item1 { background-image: url(../img/rioja/carousel/carousel-1.jpg); }
div.prioja div.carousel #item2 { background-image: url(../img/rioja/carousel/carousel-2.jpg); }
div.prioja div.carousel #item3 { background-image: url(../img/rioja/carousel/carousel-3.jpg); }
div.prioja div.carousel #item4 { background-image: url(../img/rioja/carousel/carousel-4.jpg); }
div.prioja div.carousel #item5 { background-image: url(../img/rioja/carousel/carousel-5.jpg); }
div.prioja div.carousel #item6 { background-image: url(../img/rioja/carousel/carousel-6.jpg); }
/*div.prioja div.carousel #item7 { background-image: url(../img/rioja/carousel/carousel-7.jpg); }*/
div.prioja div.carousel #item7 { background-image: url(../img/rioja/carousel/carousel-8.jpg); }
div.prioja div.carousel #item8 { background-image: url(../img/rioja/carousel/carousel-9.jpg); }
div.prioja div.carousel #item9 { background-image: url(../img/rioja/carousel/carousel-10.jpg); }
div.prioja div.carousel #item10 { background-image: url(../img/rioja/carousel/carousel-11.jpg); }
div.prioja div.carousel #item11{ background-image: url(../img/rioja/carousel/carousel-12.jpg); }
div.prioja div.carousel #item12{ background-image: url(../img/rioja/carousel/carousel-13.jpg); }
div.prioja div.carousel #item13{ background-image: url(../img/rioja/carousel/carousel-14.jpg); }
div.prioja div.carousel #item14{ background-image: url(../img/rioja/carousel/carousel-15.jpg); }
div.prioja div.carousel #item15{ background-image: url(../img/rioja/carousel/carousel-16.jpg); }
div.prioja div.carousel #item16{ background-image: url(../img/rioja/carousel/carousel-17.jpg); }
div.prioja div.carousel #item17{ background-image: url(../img/rioja/carousel/carousel-18.jpg); }
div.prioja div.carousel #item18{ background-image: url(../img/rioja/carousel/carousel-19.jpg); }
div.prioja div.carousel #item19{ background-image: url(../img/rioja/carousel/carousel-20.jpg); }
div.prioja div.carousel #item20{ background-image: url(../img/rioja/carousel/carousel-21.jpg); }
div.prioja div.carousel #item21{ background-image: url(../img/rioja/carousel/carousel-22.jpg); }

/*
div.prioja div.path {
	margin-top: 50px;
	padding-top: 10px;
	border-top: 14px solid #5f4f09;
}
*/

/* alella */

div.palella div.carousel #item1 { background-image: url(../img/alella/carousel/carousel-1.jpg); }
div.palella div.carousel #item2 { background-image: url(../img/alella/carousel/carousel-2.jpg); }
div.palella div.carousel #item3 { background-image: url(../img/alella/carousel/carousel-3.jpg); }
div.palella div.carousel #item4 { background-image: url(../img/alella/carousel/carousel-4.jpg); }
div.palella div.carousel #item5 { background-image: url(../img/alella/carousel/carousel-5.jpg); }
div.palella div.carousel #item6 { background-image: url(../img/alella/carousel/carousel-6.jpg); }
div.palella div.carousel #item7 { background-image: url(../img/alella/carousel/carousel-7.jpg); }
div.palella div.carousel #item8 { background-image: url(../img/alella/carousel/carousel-8.jpg); }
div.palella div.carousel #item9 { background-image: url(../img/alella/carousel/carousel-9.jpg); }
div.palella div.carousel #item10 { background-image: url(../img/alella/carousel/carousel-10.jpg); }
div.palella div.carousel #item11 { background-image: url(../img/alella/carousel/carousel-11.jpg); }
div.palella div.carousel #item12 { background-image: url(../img/alella/carousel/carousel-12.jpg); }
div.palella div.carousel #item13 { background-image: url(../img/alella/carousel/carousel-13.jpg); }
div.palella div.carousel #item14 { background-image: url(../img/alella/carousel/carousel-14.jpg); }

div.palella div.temps, div.prioja div.temps {
	position: absolute;
	margin-left: 720px;
	margin-top: 50px;
}

div.palella div.temps div, div.prioja div.temps div {
	position: absolute;
	font-style: oblique;
}
div.palella div.temps div.ave, div.prioja div.temps div.ave {
	width: 160px;
	font-size: 35px;
	color: #ad9600;
	text-align: right;
	margin-top: 0px;
}
div.palella div.temps div.mm, div.prioja div.temps div.mm {
	width: 150px;
	margin-top: 35px;
	text-align: right;
}
div.palella div.temps div.icono, div.prioja div.temps div.icono {
	position: absolute;	
	margin-left: 160px;
	margin-top: 2px;
}
div.palella div.temps div.icono img, div.prioja div.temps div.icono img {
	width: 80px;
	height: 55px;
}
/*
div.palella div.path {
	margin-top: 50px;
	padding-top: 10px;
	border-top: 14px solid #5f4f09;
}
*/

/* colectivos */

div.pcolectivos div.text, div.pcontacto div.text, div.pnoticias div.text {
	color: #666666;
	padding: 30px 0px 30px 240px;
	width: 460px;
	font-size: 12px;
	position: relative;
}

div.pcolectivos h1, div.pcontacto h1, div.pnoticias h1, div.pfilosofia h1, div.pelaboracion h1 {
	color: #a68207;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
}

div.pcolectivos h2, div.pcontacto h2, div.pnoticias h2 {
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
}

div.pfilosofia div.text, div.pelaboracion div.text {
	color: #666666;
	padding: 30px 0px 30px 240px;
	width: 460px;
	font-size: 12px;
	position: relative;	
	font-style: oblique;
}

div.pfilosofia h2, div.pelaboracion h2 {
	color: #333333;
	font-size: 16px;
	font-weight: normal;
	line-height: 14px;
	font-style: oblique;
}

div.pcolectivos div.items {
	margin-left: 40px;
	margin-bottom: 20px;
}

div.pcolectivos div.item {
	width: 195px;
	float: left;
	margin-right: 40px;
	color: #333333;
	cursor: pointer;
}

div.pcolectivos div.itemnm {
	margin-right: 0px;
}

div.pcolectivos div.item div.ico {
	width: 120px;
	height: 91px;
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-bottom: 15px;
}

div.pcolectivos div.item div.ico1 { background-image: url(../img/colectivos/back-1.gif); }
div.pcolectivos div.item div.ico2 { background-image: url(../img/colectivos/back-2.gif); }
div.pcolectivos div.item div.ico3 { background-image: url(../img/colectivos/back-3.gif); }
div.pcolectivos div.item div.ico4 { background-image: url(../img/colectivos/back-4.gif); }

div.pcolectivos div.item div.titol  {
	margin-bottom: 15px;
	font-size: 13px;
	font-weight: bold;
}

div.pcolectivos div.item div.txt  {
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 15px;
	height: 180px;
}

div.pcolectivos div.item div.txt p  {
	margin-bottom: 10px;
}

div.pcolectivos div.item div.boto  {
	margin-bottom: 15px;
	color: #FFFFFF;
	padding: 5px;
	background-color: #a38509;
	text-align: center;
	width: 100px;
	font-size: 10px;
	font-style: oblique;
	cursor: pointer;
}

div.pcolectivos div.footer {
	margin-top: 15px;
}

/*
div.pcolectivos div.path {
	margin-top: 5px;
	padding-top: 10px;
	border-top: 14px solid #5f4f09;
}
*/

#iframe, #registro {
	position: absolute;
	z-index: 201;
	background-color: #FFFFFF;
	display: none;
	margin-left: 15px;
}

#iframe div.cerrar, #registro div.cerrar {
	position: absolute;
	width: 25px;
	height: 25px;
	margin-left: 930px;
	background-image: url(../img/estructura/cerrar.png);
	cursor: pointer;
	background-repeat: none;
}

#iframe iframe, #registro iframe {
	position: absolute;
	width: 940px;
	height: 435px;
	border: 0px;
	margin-top: 15px;
	background-color: #FFFFFF;
}

#registro iframe {
	height: 500px;
}

/* contacto */

div.pcontacto div.dades {
	color: #666666;
	padding: 30px 0px 30px 240px;
	height: 190px;
}

div.pcontacto h3 {
	color: #a68207;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
}

div.pcontacto p {
	margin-bottom: 10px;	
}

div.pcontacto h3 a {
	margin-bottom: 10px;	
	color: #a68207;
}

div.pcontacto img.mapa {
	margin-top: 10px;
	cursor: pointer;
}

div.pcontacto div.esq {
	float: left;
	padding-right: 30px; 	
}

div.pcontacto div.dre {
	float: left;
	padding-left: 30px;
	border-left: 1px solid #ECECEC;
}

/* noticias */

div.pnoticias div.noticias {
	margin: 20px 0px 20px 60px;
	height: 250px;
}

div.pnoticias div.bloque {
	position: absolute;	
}

div.pnoticias div.noticia {
	float: left;
	margin-right: 8px;
	width: 164px;
}

div.pnoticias div.noticia table {
	margin-bottom: 10px;	
}

div.pnoticias div.noticia h3 a {
	color: #a68207;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
}

div.pnoticias div.noticia img {
	border: 7px solid #e6e2d6;
}

div.pnoticias div.paginator {
	width: 845px;	
	height: 34px;
	padding: 2px;
	background-color: #F3F3F3;
	margin-left: 60px;
	margin-bottom: 40px;
}

div.pnoticias div.paginator div.fletxa {
	position: absolute;
	width: 34px;
	height: 34px;
	cursor: pointer;	
}

div.pnoticias div.paginator div.left {
	background-image: url(../img/noticias/anterior-off.gif);
}

div.pnoticias div.paginator div.left:hover {
	background-image: url(../img/noticias/anterior-on.gif);
}

div.pnoticias div.paginator div.right {
	background-image: url(../img/noticias/siguiente-off.gif);
	margin-left: 811px;
}

div.pnoticias div.paginator div.right:hover {
	background-image: url(../img/noticias/siguiente-on.gif);
}

div.pnoticias div.paginator div.lefttxt {
	position: absolute;
	padding-top: 10px;
	margin-left: 45px;
	cursor: pointer;
}

div.pnoticias div.paginator div.righttxt {
	position: absolute;
	padding-top: 10px;
	margin-left: 750px;
	cursor: pointer;	
}

div.pnoticias div.paginator div.pagines {
	position: absolute;
	padding-top: 10px;
	width: 645px;
	margin-left: 100px;
	text-align: center;
}

div.pnoticias div.roll {
	width: 79px;
	height: 100px;
	position: absolute;
	text-align: center;
	color: #FFFFFF;
	padding: 51px 35px 0px 35px;
	background-image: url(../img/noticias/backroll.png);
	margin-top: 54px;
	border: 7px solid #000000;
	display: none;
	cursor: pointer;
}

div.pnoticias div.roll a {
	color: #FFFFFF;
}

/*
div.pnoticias div.path {
	margin-top: 50px;
	padding-top: 10px;
	border-top: 14px solid #5f4f09;
}
*/

/* vinos */

div.pvino div.botella {
	text-align: right;
	padding: 40px 0px 40px 0px;	
}

div.pvino div.textos {
	margin-bottom: 40px;	
}

div.pvino div.left {
	width: 300px;
	padding-right: 70px;
	float: left;
	text-align: right;	
}

div.pvino div.left h1 {
	font-size: 20px;
	font-family: "Bookman Old Style", "Times new roman", Times;
	font-weight: normal;
	color: #A88B16;
	margin-bottom: 10px;
}

div.pvino div.left a {
	color: #000000;
	font-style: normal;
}

div.pvino div.left img.linia {
	width: 150px;
	height:1px;
}

div.pvino div.left div.tit {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	font-style: oblique;
}

div.pvino div.left div.formato {
	color: #A88B16;
	font-style: oblique;
}

div.pvino div.right {
	width: 550px;
	float: left;	
}

div.pvino div.right h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	font-style: oblique;
}

div.pvino div.right p {
	font-size: 14px;
	margin-bottom: 10px;
	font-style: oblique;
}

div.pvino div.tools {
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	padding: 10px 0px 10px 0px;
	height: 15px;
	color: #555555;
	margin-top: 40px;
	font-style: oblique;
}

div.pvino div.tools div.comprar {
	position: absolute;
}

div.pvino div.tools div.addthistxt {
	position: absolute;
	margin-left: 390px;
}

div.pvino div.tools div.addthisbutton {
	position: absolute;
	margin-left: 532px;
}

/*
div.pvino div.path {
	margin-top: 40px;
	padding-top: 10px;
	border-top: 14px solid #5f4f09;
	clear: left;
}
*/

div.pvino div.link_invita {
	background-image: url(../img/vinos/back_link_invita.gif);
	background-position: bottom;
	text-align: center;
	background-repeat: no-repeat;
	width: 158px;
	padding-top: 20px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-left: 140px;
	font-style: oblique;
}

div.pvino div.link_invita a {
	color: #000000;
}

div.pvino div.link_digma {
	background-image: url(../img/vinos/back_link_digma.gif);
	background-position: bottom;
	text-align: left;
	background-repeat: no-repeat;
	width: 244px;
	padding-top: 20px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-left: 55px;
	font-style: oblique;
}

div.pvino div.link_digma a {
	color: #000000;
	margin-left: 25px;
}

div.pvino div.link_digma a.right {
	margin-left: 40px;
}

div.pvino #premios {
	position: absolute;
	margin-left: 330px;
	margin-top: 3px;
	z-index: 201;
	cursor: pointer;
	display: none;
}

div.pvino #formatos {
	position: absolute;
	margin-left: 166px;
	margin-top: 221px;
	z-index: 201;
	cursor: pointer;
	display: none;
}

/* la bodega */

div.pfilosofia div.carousel #item1 { background-image: url(../img/filosofia/carousel/carousel-1.jpg); }
div.pfilosofia div.carousel #item2 { background-image: url(../img/filosofia/carousel/carousel-2.jpg); }
div.pfilosofia div.carousel #item3 { background-image: url(../img/filosofia/carousel/carousel-3.jpg); }
div.pfilosofia div.carousel #item4 { background-image: url(../img/filosofia/carousel/carousel-4.jpg); }
div.pfilosofia div.carousel #item5 { background-image: url(../img/filosofia/carousel/carousel-5.jpg); }
div.pfilosofia div.carousel #item6 { background-image: url(../img/filosofia/carousel/carousel-6.jpg); }
div.pfilosofia div.carousel #item7 { background-image: url(../img/filosofia/carousel/carousel-7.jpg); }
div.pfilosofia div.carousel #item8 { background-image: url(../img/filosofia/carousel/carousel-8.jpg); }
div.pfilosofia div.carousel #item9 { background-image: url(../img/filosofia/carousel/carousel-9.jpg); }
div.pfilosofia div.carousel #item10 { background-image: url(../img/filosofia/carousel/carousel-10.jpg); }
div.pfilosofia div.carousel #item11 { background-image: url(../img/filosofia/carousel/carousel-11.jpg); }
div.pfilosofia div.carousel #item12 { background-image: url(../img/filosofia/carousel/carousel-12.jpg); }
div.pfilosofia div.carousel #item13 { background-image: url(../img/filosofia/carousel/carousel-13.jpg); }

div.pfilosofia div.carousel div.radios { display: none; }

/*
div.pfilosofia div.path {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 14px solid #5f4f09;
}
*/

/* la bodega */

div.pelaboracion div.carousel #item1 { background-image: url(../img/elaboracion/carousel/carousel-1.jpg); }
div.pelaboracion div.carousel #item2 { background-image: url(../img/elaboracion/carousel/carousel-2.jpg); }
div.pelaboracion div.carousel #item3 { background-image: url(../img/elaboracion/carousel/carousel-3.jpg); }
div.pelaboracion div.carousel #item4 { background-image: url(../img/elaboracion/carousel/carousel-4.jpg); }
div.pelaboracion div.carousel #item5 { background-image: url(../img/elaboracion/carousel/carousel-5.jpg); }
div.pelaboracion div.carousel #item6 { background-image: url(../img/elaboracion/carousel/carousel-6.jpg); }
div.pelaboracion div.carousel #item7 { background-image: url(../img/elaboracion/carousel/carousel-7.jpg); }
div.pelaboracion div.carousel #item8 { background-image: url(../img/elaboracion/carousel/carousel-8.jpg); }
div.pelaboracion div.carousel #item9 { background-image: url(../img/elaboracion/carousel/carousel-9.jpg); }
div.pelaboracion div.carousel #item10 { background-image: url(../img/elaboracion/carousel/carousel-10.jpg); }
div.pelaboracion div.carousel #item11 { background-image: url(../img/elaboracion/carousel/carousel-11.jpg); }
div.pelaboracion div.carousel #item12 { background-image: url(../img/elaboracion/carousel/carousel-12.jpg); }
div.pelaboracion div.carousel #item13 { background-image: url(../img/elaboracion/carousel/carousel-13.jpg); }
div.pelaboracion div.carousel #item14 { background-image: url(../img/elaboracion/carousel/carousel-14.jpg); }

div.pelaboracion div.carousel div.radios { display: none; }

/*
div.pelaboracion div.path {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 14px solid #5f4f09;
}
*/

/* Aviso Legal */

div.textual {
	color: #666666;
	padding: 30px 0px 30px 240px;
	width: 600px;
	font-size: 12px;
	position: relative;
}

div.textual h1 {
	color: #a68207;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 20px;
}

div.textual h2 {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin-bottom: 10px;
	padding-top: 10px;
}

div.textual p {
	margin-bottom: 10px;
}

/* Area cliente */

div.parea div.cerrar {
	padding: 20px 40px 0px 0px;
	text-align: right;
	font-style: oblique;
}

div.parea div.text {
	padding: 20px 125px 10px 240px;
}

div.parea div.text h1 {
	color: #a68207;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
}

div.parea div.text h2 {
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
}

div.parea div.text h1.normal {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

div.parea div.text input.itext {
	border: 1px solid #CCCCCC;
	padding: 5px;
	font-size: 12px;
	color: #666666;
	width: 250px;
	margin-bottom: 5px;
}

div.parea div.text div.error, div.parea div.text input.error {
	color: red;
}

div.parea div.text div.datos  {
	border-top: 1px solid #666666;
	margin-top: 20px;
	padding-top: 20px;
	border-bottom: 1px solid #666666;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

div.parea div.text div.datos div.dato {
	float: left;
	width: 300px;
	margin-top: 20px;
}

div.parea div.text div.datos div.dato p {
	margin-bottom: 10px;
}

div.parea div.text div.datos div.modificar {
	color: #FFFFFF;
	padding: 10px;
	background-color: #a68207;
	width: 120px;
	text-align: center;
	margin-top: 10px;
	cursor: pointer;
}

div.parea div.text div.datos div.modificar a {
	color: #FFFFFF;
}

div.parea div.text  div.historial table {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}

div.parea div.text  div.historial table td {
	border-bottom: 1px solid #bfbfbf;
	padding: 5px;
}

div.parea div.text  div.historial table tr.botella td {
	padding: 15px 5px 15px 5px;
}

div.parea div.text  div.historial table tr.header {
	font-style: oblique;
	font-weight: bold;
}

div.parea div.text  div.historial table tr.botella td.col2 span {
	color: #666666;
}

div.parea div.text  div.historial table tr.botella td.col4 {
	font-size: 15px;
	color: #a68207;
	font-weight: bold;
}

div.parea div.text  div.historial table tr.botella td.col5 div {
	color: #FFFFFF;
	padding: 5px;
	background-color: #a68207;
	width: 60px;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
}

div.parea div.text  div.historial table tr.botella td.col5 div a {
	color: #FFFFFF;
}

/* Registro */

body.registro {
	background-color: #FFFFFF;
	background-image: url(../img/registro/fons.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.pregistro {
	padding: 30px 35px 0px 35px;
}

div.pregistro h1 {
	color: #a68207;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
}

div.pregistro h2 {
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
}

div.pregistro div.form {
	padding-top: 20px;
}

div.pregistro div.inputs {
	padding-top: 12px;
}

div.pregistro input.itext {
	border: 0px;
	font-family: "Trebuchet", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 10px 5px 10px 5px;
	background-color: #e3e3e3;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 16px;
}

div.pregistro input.ieml, div.pregistro input.ipwd, div.pregistro input.inom, div.pregistro input.ipob, div.pregistro input.idni, div.pregistro input.icod {
	width: 245px;
}

div.pregistro input.iem2, div.pregistro input.ipw2, div.pregistro input.iape, div.pregistro input.ipro,  div.pregistro input.itel, div.pregistro input.idir {
	width: 380px;
}

div.pregistro input.idir {
	width: 480px;
}

div.pregistro input.icod {
	width: 145px;
}

div.pregistro div.xapa {
	position: absolute;
	height: 36px;
	width: 390px;
	background-color: #e3e3e3;
	margin-top: -46px;
	margin-left: 265px;
	display: none;
}

div.pregistro div.error {
	color: red;
	width: 480px;
	font-size: 11px;
	padding: 10px 5px 10px 5px;
	background-color: #e3e3e3;
	float: left;
	margin-right: 10px;
}

div.pregistro input.error {
	color: red;
}

div.pregistro input.submit {
	border: 0px;
	font-family: "Trebuchet", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 9px 5px 9px 5px;
	background-color: #a68207;
	color: #FFFFFF;
	margin-right: 10px;
	margin-bottom: 10px;	
	width: 155px;
}

div.pregistro div.privacidad {
	margin-top: 15px;
}

/* Conectate */

div.pconectate div.text {
	padding: 30px 125px 10px 240px;
}

div.pconectate div.text h1 {
	color: #a68207;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
}

div.pconectate div.text h2 {
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
}

div.pconectate div.left {
	float: left;
	width: 425px;	
}

div.pconectate div.right {
	float: left;	
}

div.pconectate div.right div.baner {
	margin-top: 50px;
	width:  178px;
	height: 133px;
	background-image: url(../img/conectate/botella.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #f2f2f2;
	cursor: pointer;
}

div.pconectate div.right div.baner div.txt {
	position: absolute;
	width: 100px;
	margin-top: 18px;
	margin-left: 16px;
}

div.pconectate div.right div.baner div.reg {
	position: absolute;
	background-image: url(../img/conectate/back_regis.png);
	color: #FFFFFF;
	margin-top: 83px;
	margin-left: 7px;
	text-align: center;
	width: 163px;
	padding-top: 14px;
	padding-bottom: 14px;
}

div.pconectate div.right div.baner div.reg a {
	color: #FFFFFF;
}

div.pconectate div.foot {
	padding: 50px 0px 60px 0px;
}

div.pconectate div.form {
	margin-top: 36px;
}

div.pconectate input.itext {
	border: 0px;
	font-family: "Trebuchet", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 10px 5px 10px 5px;
	background-color: #e3e3e3;
	margin-right: 10px;
	margin-bottom: 11px;
	height: 16px;
	width: 340px;
}

div.pconectate input.button {
	border: 0px;
	font-family: "Trebuchet", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 10px 5px 10px 5px;
	background-color: #e3e3e3;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 170px;
	color: #666666;
	cursor: pointer;
}

div.pconectate input.submit {
	border: 0px;
	font-family: "Trebuchet", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 10px 5px 10px 5px;
	background-color: #a68207;
	color: #FFFFFF;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 170px;
	cursor: pointer;
}

div.pconectate div.error {
	color: red;
}

/* Pedido */

div.ppedido div.pasos {
	width: 672px;
	height: 62px;
	padding-top: 35px;
	margin-left: 32px;
	margin-bottom: 10px;
	background-image: url(../img/pedido/sombra.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 230px;
}

div.ppedido div.pasos div.paso {
	float: left;
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: center;
	width: 110px;
	height: 34px;
	font-size: 12px;
}	

div.ppedido div.pasos div.off {
	background-image: url(../img/pedido/paso-off.gif);
	color: #C9C9C9;
}

div.ppedido div.pasos div.on, div.ppedido div.pasos div.actiu {
	background-image: url(../img/pedido/paso-on.gif);
}

div.ppedido div.pasos div.actiu {
	color: #a68207;
}

div.ppedido div.element {
	padding: 10px 183px 10px 183px;
}

div.ppedido div.pas1 table {
	width: 100%;
}

div.ppedido div.pas1 table tr.header {
	font-weight: bold;
	font-style: oblique;
}

div.ppedido div.pas1 table td {
	border-bottom: 1px solid #bfbfbf;
	padding: 10px;
}

div.ppedido div.pas1 table td.col1a {
	text-align: center;
	width: 10px;
}

div.ppedido div.pas1 table td.col1b {
	color: #666666;
	width: 230px;
}

div.ppedido div.pas1 table td.col2 {
	text-align: center;	
	font-style: oblique;	
}

div.ppedido div.pas1 table td.col2 img {
	cursor: pointer;
}

div.ppedido div.pas1 table td.col3, div.ppedido table.resumen td.col3 {
	text-align: right;
	font-style: oblique;
}

div.ppedido div.pas1 table td.col3 span {
	font-weight: bold;
	font-size: 14px;
	color: #a68207;
}

div.ppedido table.resumen td.col3 span {
	font-weight: bold;
	font-size: 14px;
	color: #a68207;
}

div.ppedido table tr.total td  {
	padding-top: 20px;
	padding-bottom: 20px;
	font-style: oblique;
}

div.ppedido table tr.total td.envio span {
	color: #a68207;
}

div.ppedido table tr.total td.total {
	font-weight: bold;
	font-size: 16px;
}

div.ppedido table tr.total td.total span {
	font-weight: normal;
	color: #666666;
	font-size: 14px;
}

div.ppedido div.foot {
	margin-top: 10px;
	margin-bottom: 30px;	
}

div.ppedido div.foot div.left {
	float: left;
	padding: 15px;
	background-color: #e8e0c2;
	color: #333333;
	font-style: oblique;
	height: 16px;
	margin-right: 10px;
	width: 394px;
}

div.ppedido div.foot div.left a {
	text-decoration: underline;
}

div.ppedido div.foot div.right {
	float: left;
	padding: 15px;
	background-color: #a68207;
	color: #FFFFFF;
	font-size: 12px;
	height: 16px;
	text-align: center;
	width: 140px;
}

div.ppedido div.foot div.right a {
	color: #FFFFFF;
}

div.ppedido div.pas4 div.foot {
	margin-top: 0px;
	padding-top: 10px;
	border-top: 1px solid #bfbfbf;
}

div.ppedido div.pas4 div.txt {
	height: 233px;
}

div.ppedido div.foot div.volver {
	position: absolute;
	margin-top: -10px;
	margin-left: 284px;
	padding: 10px;
	background-color: #c5b266;
	color: #FFFFFF;
	font-size: 12px;
	height: 16px;
	text-align: center;
	width: 100px;
}

div.ppedido div.foot div.volver a {
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
}

div.ppedido div.foot div.volver a:hover { 
	text-decoration: underline;
}

div.ppedido div.pas4 div.txt h1 {
	position: absolute;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	text-align: center;
	font-size: 25px;
	margin-left: 65px;
	margin-top: 75px;
}

div.ppedido div.pas4 {
	margin-top: 20px;	
}

div.ppedido div.pas4 div.txt h2 {
	position: absolute;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	margin-left: 65px;	
	margin-top: 105px;
}

div.ppedido div.pas4 div.txt img {
	position: absolute;
	margin-left: 490px;
}

div.ppedido div.pas2 div.datos  {
	margin-bottom: 50px;
}

div.ppedido div.pas2 div.datos div.dato {
	float: left;
	width: 265px;
}

div.ppedido div.pas2 div.datos div.dato1 {
	margin-right: 55px;
}

div.ppedido div.pas2 div.datos div.dato2 a, div.ppedido div.pas2 div.datos div.dato1 a {
	text-decoration: underline;
}

div.ppedido div.pas2 div.datos div.dato p {
	margin-bottom: 10px;
}

div.ppedido div.pas2 div.datos div.dato strong {
	font-size: 14px;
}

div.ppedido table.total, div.ppedido table.resumen {
	width: 100%;
}

div.ppedido table.total td, div.ppedido table.resumen td {
	border-bottom: 1px solid #bfbfbf;
	padding: 10px;
}

div.ppedido div.pas3 table.resumen tr.header td {
	border-top: 1px solid #bfbfbf;
	font-weight: bold;
	font-style: oblique;
	padding: 11px 10px 11px 10px;
}

div.ppedido div.pas3 table.resumen td.col2 {
	text-align: center;
}

div.ppedido div.pas3 table.total td {
	border-top: 1px solid #bfbfbf;
	margin-top: 10px;
}

div.ppedido table.resumen tr.botella td {
	border-bottom: 0px;
	padding: 5px; 
	padding-bottom: 0px;
}

div.ppedido div.pas3 p.titol {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

div.ppedido div.pas3 div.datos  {
	margin-bottom: 10px;
}

div.ppedido div.pas3 div.datos div.dato {
	float: left;
}

div.ppedido div.pas3 div.datos div.dato1 {
	margin-right: 55px;	
	width: 240px;
}

div.ppedido div.pas3 div.datos div.dato1 div.targeta {
	background-color: #ededed;
	padding: 10px; 
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
}

div.ppedido div.pas3 div.datos div.dato2 {
	width: 310px;
}

div.ppedido textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 10px;
	width: 200px;
	height: 100px;
	border: 1px solid #EEEEEE;
	color: #999999;
	line-height: 16px;
}

div.ppedido div.mod {
	color: #FFFFFF;
	padding: 5px;
	background-color: #a68207;
	width: 95px;
	text-align: center;
	margin-top: 10px;
	cursor: pointer;
	float: left;
	margin-right: 10px;
}

div.ppedido div.error {
	color: red;
	font-size: 12px;
	padding-top: 10px;
}

/* Mapa Web */

div.pmapaweb h1 {
	color: #333333;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 10px;
}

div.pmapaweb h2 {
	color: #666666;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 10px;
}

div.pmapaweb h2.gris {
	color: #333333;
}

div.pmapaweb h3 {
	color: #999999;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 10px;
	padding-left: 10px;
}

div.pmapaweb h1.titol {
	color: #a68207;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	padding: 20px 0px 20px 40px;
}

div.pmapaweb div.element {
	float: left;
	margin-left: 40px;
	width: 90px;
}

div.pmapaweb div.separador {
	border-bottom: 1px solid #CCCCCC;
	margin: 20px;
}

div.pmapaweb div.separador2{
	margin-bottom: 50px;
}