@charset "utf-8";
/* CSS Document */

/* ABADAL
/* Disseny/Maquetaci�: Jaume Izquierdo (jaumeizquierdo@gmail.com)
--------------------------------------------------------------------------- */

/* BASICS */
/* INTRO */
/* ESTRUCTURA */
/* HOME */
/* VINS */
/* SECCIONS ADMINISTRABLES */
/* EQUIP */

/* BASICS I ESTILS
--------------------------------------------------------------------------- */

body {background: /*url(../images/bg.gif) repeat-x #4e5053;*/ #000; font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 11px; color: #fff; margin: 0; padding: 0;}

img {border: 0;}
.clear {clear: both;}
.espai10 {height: 10px;}
.espai20 {height: 20px;}
.espai30 {height: 30px;}
.espai40 {height: 40px;}
.espai42 {height: 42px;}
.espai50 {height: 50px;}
.espai60 {height: 60px;}

.titular {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; /*color: #afafaf;*/ color: #fff;}
.titularpetit {font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; /*color: #afafaf;*/ color: #fff;}

a.enlace:link, a.enlace:visited, a.enlace:active {color: #b3b3b3; text-decoration: none;}
a.enlace:hover {color: #fff; text-decoration: underline;}

a:link, a:active, a:visited {color: #b3b3b3; text-decoration: none;}
a:hover {color: #fff; text-decoration: underline;}

input {height: 12px;}
/* INTRO
--------------------------------------------------------------------------- */

#intro {background: #000; border: 1px solid #272727; width: 900px; height: 650px; margin: 0px auto;}
	#intrologo {padding: 200px 0 0 0; margin: 0px auto; text-align:center;}
	#intrologo_maridatge {padding: 150px 0 0 0; margin: 0px auto; text-align:center;}
#idiomas {text-align:center; padding: 200px 0 0 0;}
	a.idiomaintro:link, a.idiomaintro:visited, a.idiomaintro:active, a.idiomaintro:hover {margin: 0 60px 0 0;}
#idiomas_maridatge {text-align:center; padding: 100px 0 0 0;}
	a.idiomaintro:link, a.idiomaintro:visited, a.idiomaintro:active, a.idiomaintro:hover {margin: 0 60px 0 0;}

/* LAYOUT (Estructura B�sica)
--------------------------------------------------------------------------- */

#fonscapsalera {height: 30px; width: 100%;}
#estructura {background: #000 url(../images/bg_lletres_negre.gif) bottom no-repeat; border: 1px solid #272727; width: 900px; height: 650px; margin: 0px auto;}

#estructuramenu {height: 109px;}
	#logo {height: 85px;}
		#logopos {padding: 35px 0 0 46px; float: left;}
		#logowin {padding: 5px 0 30px 0; text-align: right;}
		#test {background: url(image-url.gif) #ffffff center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }		
		
	/* Menu */
	#menu {width: 811px; height: 22px; margin: 0px auto; text-align: center; border-bottom: 1px solid #272727;}
		a.menulink:link, a.menulink:visited, a.menulink:active {display: block; border: 1px solid #000; float: left; margin: 0 1px 0 1px;}
		a.menulink:hover {display: block; border: 1px solid #fff; float: left; margin: 0 1px 0 1px;}

		/* Item del menu seleccionat */
		a.menusel:link, a.menusel:visited, a.menusel:active {display: block; border: 1px solid #fff; float: left; margin: 0 1px 0 1px;}
		a.menusel:hover {display: block; border: 1px solid #fff; float: left; margin: 0 1px 0 1px;}
		
	#submenu {width: 811px; height: 22px; margin: 0px auto; text-align: center; border-bottom: 1px solid #272727;}

#peuespai {height: 30px; bottom: 0px;}
#peu {width: 777px; height: 33px; border-top: 1px solid #242424; margin: 0px auto;}
	#peuesq {float: left; margin: 5px 0 0 0;}
	#peudreta {float: right; margin: 5px 0 0 0;}
		a.idiomas:link, a.idiomas:visited {margin: 0 0 0 10px;}
		a.idiomas:hover {margin: 0 0 0 10px;}
	#peuimg {margin: 0px auto; width: 460px; text-align: center;}

/* HOME (index.html)
--------------------------------------------------------------------------- */

#homeflash {width: 778px; height: 211px; margin: 0px auto; border: 1px solid #333333; background: #000;}

#homebanners {width: 782px; height: 142px; margin: 0px auto; padding: 20px 0 0 0;}
	#homebanners .banner1 {width: 258px; height: 142px; border: 1px solid #333333; float: left;}
		.banner1link:link, .banner1link:active, .banner1link:visited {display: block; background:url(../images/home_banner_maridatge_CAT.jpg); width: 258px; height: 142px;}
		.banner1link:hover {display: block; background:url(../images/home_banner_maridatge_hover_CAT.jpg); width: 258px; height: 142px;}
		
	#homebanners .banner1_CAT {width: 258px; height: 142px; border: 1px solid #333333; float: left;}
		.banner1link_CAT:link, .banner1link_CAT:active, .banner1link_CAT:visited {display: block; background:url(../images/home_banner_maridatge_CAT.jpg); width: 258px; height: 142px;}
		.banner1link_CAT:hover {display: block; background:url(../images/home_banner_maridatge_hover_CAT.jpg); width: 258px; height: 142px;}
		
	#homebanners .banner1_CAS {width: 258px; height: 142px; border: 1px solid #333333; float: left;}
		.banner1link_CAS:link, .banner1link_CAS:active, .banner1link_CAS:visited {display: block; background:url(../images/home_banner_maridatge_CAS.jpg); width: 258px; height: 142px;}
		.banner1link_CAS:hover {display: block; background:url(../images/home_banner_maridatge_hover_CAS.jpg); width: 258px; height: 142px;}
	#homebanners .banner1_ING {width: 258px; height: 142px; border: 1px solid #333333; float: left;}
		.banner1link_ING:link, .banner1link_ING:active, .banner1link_ING:visited {display: block; background:url(../images/home_banner_maridatge_ING.jpg); width: 258px; height: 142px;}
		.banner1link_ING:hover {display: block; background:url(../images/home_banner_maridatge_hover_ING.jpg); width: 258px; height: 142px;}
	
	#homebanners .banner2 {width: 258px; height: 142px; border-top: 1px solid #333333; border-bottom: 1px solid #333333; float: left;}
		.banner2link:link, .banner2link:active, .banner2link:visited {display: block; background:url(../images/home_banner_golf_CAT.jpg); width: 258px; height: 142px;}
		.banner2link:hover {display: block; background:url(../images/home_banner_golf_hover_CAT.jpg); width: 258px; height: 142px;}
		
	#homebanners .banner2_CAT {width: 258px; height: 142px; border-top: 1px solid #333333; border-bottom: 1px solid #333333; float: left;}
		.banner2link_CAT:link, .banner2link_CAT:active, .banner2link_CAT:visited {display: block; background:url(../images/home_banner_golf_CAT.jpg); width: 258px; height: 142px;}
		.banner2link_CAT:hover {display: block; background:url(../images/home_banner_golf_hover_CAT.jpg); width: 258px; height: 142px;}
		
	#homebanners .banner2_CAS {width: 258px; height: 142px; border-top: 1px solid #333333; border-bottom: 1px solid #333333; float: left;}
		.banner2link_CAS:link, .banner2link_CAS:active, .banner2link_CAS:visited {display: block; background:url(../images/home_banner_golf_CAS.jpg); width: 258px; height: 142px;}
		.banner2link_CAS:hover {display: block; background:url(../images/home_banner_golf_hover_CAS.jpg); width: 258px; height: 142px;}
	#homebanners .banner2_ING {width: 258px; height: 142px; border-top: 1px solid #333333; border-bottom: 1px solid #333333; float: left;}
		.banner2link_ING:link, .banner2link_ING:active, .banner2link_ING:visited {display: block; background:url(../images/home_banner_golf_ING.jpg); width: 258px; height: 142px;}
		.banner2link_ING:hover {display: block; background:url(../images/home_banner_golf_hover_ING.jpg); width: 258px; height: 142px;}
		
	#homebanners .banner3 {width: 258px; height: 142px; border: 1px solid #333333; float: left;}
		.banner3link:link, .banner3link:active, .banner3link:visited {display: block; background:url(../images/home_banner_enoturisme_CAT.jpg); width: 258px; height: 142px;}
		.banner3link:hover {display: block; background:url(../images/home_banner_enoturisme_hover_CAT.jpg); width: 258px; height: 142px;}
		
	#homebanners .banner3_CAT {width: 258px; height: 142px; border: 1px solid #333333; float: left;}
		.banner3link_CAT:link, .banner3link_CAT:active, .banner3link_CAT:visited {display: block; background:url(../images/home_banner_visites_CAT.jpg); width: 258px; height: 142px;}
		.banner3link_CAT:hover {display: block; background:url(../images/home_banner_visites_hover_CAT.jpg); width: 258px; height: 142px;}

	#homebanners .banner3_CAS {width: 258px; height: 142px; border: 1px solid #333333; float: left;}
		.banner3link_CAS:link, .banner3link_CAS:active, .banner3link_CAS:visited {display: block; background:url(../images/home_banner_visites_CAS.jpg); width: 258px; height: 142px;}
		.banner3link_CAS:hover {display: block; background:url(../images/home_banner_visites_hover_CAS.jpg); width: 258px; height: 142px;}

	#homebanners .banner3_ING {width: 258px; height: 142px; border: 1px solid #333333; float: left;}
		.banner3link_ING:link, .banner3link_ING:active, .banner3link_ING:visited {display: block; background:url(../images/home_banner_visites_ING.jpg); width: 258px; height: 142px;}
		.banner3link_ING:hover {display: block; background:url(../images/home_banner_visites_hover_ING.jpg); width: 258px; height: 142px;}

/* VINS (vins.html)
--------------------------------------------------------------------------- */
	
#vinsespaiest {height: 48px; text-align: center; line-height: 50px; color: #b3b3b3;}
#vinsest {background: #000; width: 777px; height: 369px; border: 1px solid #272727; margin: 0px auto;}
	#vinsesq {height: 369px; width: 15px; background: #272727; float: left;}
	#vinsmenu {height: 369px; width: 268px; float: left; background: url(../images/bgmenu.gif) no-repeat;}
		#vinsespaipremenu {height: 40px;}
		.vinsmenutxt {margin: 0 8px 0 0;}
		a.vinslink:link, a.vinslink:visited {color: #fff; display: block; /* background: #000;*/ text-decoration:none; text-align: right; line-height: 20px;}
		a.vinslink:hover {color: #fff; display: block; background: url(../images/vinsmenubg.gif) repeat-y #000; text-decoration:none; text-align: right;
		line-height: 20px;}
		
		/* Clase per el Vi Seleccionat */
		a.vinslinksel:link, a.vinslinksel:visited {color: #fff; display: block; background: url(../images/vinsmenubg.gif) repeat-y #000; text-decoration:none;
		text-align: right; line-height: 20px;}
		a.vinslinksel:hover {color: #fff; display: block; background: url(../images/vinsmenubg.gif) repeat-y #000; text-decoration:none;
		text-align: right; line-height: 20px;}
		
		#vinsseparacio {width: 1px; height: 369px; background:url(../images/vinsseparacio.gif) no-repeat #000; float: left;}
	#vinsdesc {height: 369px; width: 263px; border-right: 1px solid #272727; float: left;}
	#vinsfoto {height: 369px; width: 229px; float: left;}
	
	#vinsparaula {width: 248px; height: 79px; margin: 0px auto; padding: 20px 0 0 0;}
	#vinspdf {width: 777px; text-align: right; margin: 0px auto; height: 30px; padding: 10px 0 0 0;}
		a.vinslinkpdf:link, a.vinslinkpdf:active, a.vinslinkpdf:visited {color: #8c8d8e; text-decoration: none;}
		a.vinslinkpdf:hover {color: #8c8d8e; text-decoration: underline;}
		
/* SECCIONS ADMINISTRABLES:
	ENOTURISME
	GOLF
	MARIDATGE
	NOTICIES
--------------------------------------------------------------------------- */

#admtxt {height: 369px; width: 470px; float: left;}
#bodegatxt {height: 369px; width: 738px; float: left;}
#admest {background: #000; width: 777px; height: 430px; border: 1px solid #272727; margin: 0px auto;}
	#admesq {height: 430px; width: 15px; background: #272727; float: left;}

#scrollbarlist {width: 225px; height: 320px; overflow: auto; position: relative; margin: 0 0 0 10px; /*margin: 0.3em auto;*/ padding: 10px;}
#scrollbartext {width: 450px; height: 320px; overflow: auto; position: relative; /*margin: 0.3em auto;*/ padding: 10px;}

.admlist:link, .admlist:active, .admlist:visited {color: #fff; text-decoration: none; display: block; margin: 0 0 10px 0;}
.admlist:hover {background: #fff; color: #000; text-decoration: underline; display: block; margin: 0 0 10px 0;}		

/* SECCIONS NO ADMINISTRABLES:
--------------------------------------------------------------------------- */

/* LA BODEGA */

#bodega {background: url(../images/bgmenu.gif) no-repeat right; width: 777px; height: 369px; border: 1px solid #272727; margin: 0px auto;}
#scrollbarbodega {width: 435px; height: 290px; overflow: auto; position: relative; /*margin: 0.3em auto;*/ padding: 10px;}
#bodega2 {background: url(../images/bgmenu.gif) ; width: 777px; height: 369px; border: 1px solid #272727; margin: 0px auto;}
#scrollbarbodega2 {width: 738px; height: 290px; overflow: auto; position: relative; /*margin: 0.3em auto;*/ padding: 10px;}

/* COMO NACE ABADAL */

#comonace {background: #000 url(../images/bgmenu.gif) no-repeat; width: 777px; height: 369px; border: 1px solid #272727; margin: 0px auto;; width: 777px; height: 450px; border: 1px solid #272727; margin: 0px auto;}
#scrollbarcomonace {width: 700px; height: 270px; overflow: auto; position: relative; /*margin: 0.3em auto;*/ padding: 10px; background: #000;}
#comonacesq	{height: 450px; width: 15px; background: #272727; float: left;}

	#comonaceintro {width: 730px; height: 200px; float: left; margin: 0px auto;}
	#comonaceintrotxt {padding: 0 0 0 20px;}
	#submenucomonace {width: 730px; height: 22px; margin: 0px auto; text-align: center; border-bottom: 1px solid #272727; padding: 10px 0 0 0;}
	
	.comonacefila {display: block; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #272727; height: 90px; width: 650px; margin: 10px 0 10px 0; padding: 10px 5px 10px 5px; color: #fff; text-decoration: none;}
	.comonacefila:hover {display: block; border: 1px solid #fff; height: 90px; width: 650px; margin: 10px 0 10px 0; padding: 10px 5px 10px 5px; color: #fff; text-decoration: none;}
	
	.comonaceimg {float: left; margin: 0 10px 0 0;}
	#comonaceamp {width: 730px; padding: 10px 0 10px 0; border-bottom: 1px solid #272727; color: #b3b3b3;}
	#maridatgetext {width: 730px; padding: 10px 0 10px 0; border-bottom: 1px solid #272727;}	

/* EL NOSTRE EQUIP
--------------------------------------------------------------------------- */
#equip {height: auto; width: 740px; float: right; margin: 15px 0 0 0;}

.equipcont {margin: 0px auto; width: 720px;}
	.equipcont .equipitem {width: 220px; border: 1px solid #272727; height: auto; margin: 10px 10px 10px 0; float: left;}
	.equipcont .equipitem:hover {width: 220px; border: 1px solid #272727; background: #272727; height: auto; margin: 10px 10px 10px 0; float: left;}
	.equipcont .equipitem .foto {float: left;}
	.equipcont .equipitem .texto {float: left; padding: 5px 0 0 5px;}

/* PRESENTACIONS ESPECIALS
--------------------------------------------------------------------------- */
#presespaiest {height: 20px; text-align: center; line-height: 50px; color: #b3b3b3;}

#presentacions {background: #000; width: 777px; height: 500px; border: 1px solid #272727; margin: 0px auto;}
#presentacions #esquina {height: 500px; width: 15px; background: #272727; float: left;}
#presentacions #menu {height: 500px; width: 200px; float: left; background: url(../images/bgmenu.gif) no-repeat;}

/* GOLF
---------------------------------------------------------------------------- */
#golfmenu {height: 376px; width: 270px; float: left; background: url(../images/bgmenugolf.jpg) no-repeat;}
.golffila {display: block; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #272727; width: 420px; margin: 10px 0 10px 0; padding: 10px 5px 10px 5px; color: #fff; text-decoration: none;}

/* ENOTURISME (enoturisme_XXX.html)
--------------------------------------------------------------------------- */
	
#vinsespaiest {height: 48px; text-align: center; line-height: 50px; color: #b3b3b3;}
#vinsest {background: #000; width: 777px; height: 369px; border: 1px solid #272727; margin: 0px auto;}
	#vinsesq {height: 369px; width: 15px; background: #272727; float: left;}
	#enoturismemenu {height: 170px; width: 268px; float: left; background: url(../images/bgmenu.gif) no-repeat;}
		#enoturismeespaipremenu {height: 40px;}
		.vinsmenutxt {margin: 0 8px 0 0;}
		a.vinslink:link, a.vinslink:visited {color: #fff; display: block; /* background: #000;*/ text-decoration:none; text-align: right; line-height: 20px;}
		a.vinslink:hover {color: #fff; display: block; background: url(../images/vinsmenubg.gif) repeat-y #000; text-decoration:none; text-align: right;
		line-height: 20px;}
		
		/* Clase per el secci� Seleccionada */
		a.vinslinksel:link, a.vinslinksel:visited {color: #fff; display: block; background: url(../images/vinsmenubg.gif) repeat-y #000; text-decoration:none;
		text-align: right; line-height: 20px;}
		a.vinslinksel:hover {color: #fff; display: block; background: url(../images/vinsmenubg.gif) repeat-y #000; text-decoration:none;
		text-align: right; line-height: 20px;}
		
	#enoturismeseparacio {width: 1px; height: 170px; background:url(../images/vinsseparacio.gif) no-repeat #000; float: left;}
	#vinsdesc {height: 369px; width: 263px; border-right: 1px solid #272727; float: left;}
	#vinsfoto {height: 369px; width: 229px; float: left;}
	
	#vinsparaula {width: 248px; height: 79px; margin: 0px auto; padding: 20px 0 0 0;}
	#vinspdf {width: 777px; text-align: right; margin: 0px auto; height: 30px; padding: 10px 0 0 0;}
		a.vinslinkpdf:link, a.vinslinkpdf:active, a.vinslinkpdf:visited {color: #8c8d8e; text-decoration: none;}
		a.vinslinkpdf:hover {color: #8c8d8e; text-decoration: underline;}
	#enoturisme {width: 450px; height: 150px; overflow: auto; position: relative; /*margin: 0.3em auto;*/ padding: 10px;}
	#enoturismemenuinterior {height: 430px; width: 210px; float: left; background: url(../images/bgmenu.gif) no-repeat;}
	#enoturismesubmenuinterior {width: 268px; height: 22px; margin: 0px auto; text-align: left; border-bottom: 1px solid #272727;}
	
	/* Clase per el secci� Seleccionada */
	#resaltarsubmenutitulo {color: #fff; display: block; background: url(../images/enoturimemenubgsel.gif) repeat-y #000; text-decoration:none;
		text-align: left; line-height: 20px; border-bottom: 1px solid #272727;}
	#enoturismescrollbartext {width: 730px; height: 370px; overflow: auto; position: relative; padding: 10px;/*border: 1px solid #272727;*/}
	#scrollbartext2 {width: 450px; height: 390px; overflow: auto; position: relative; /*margin: 0.3em auto;*/ padding: 10px;}	
	#scrollbartext3 {width: 500px; height: 390px; overflow: auto; position: relative; /*margin: 0.3em auto;*/ padding: 10px;}