@charset "utf-8";

/* 						 RESETS    			============================================================================================================ */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal }
ol,ul {	list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }
q:before,q:after { content:'' }
abbr,acronym { border:0 }



/*  					CLEARFIX    			 ============================================================================================================ */

.clearfix:after			{ height:0; line-height:0; display:block; visibility:hidden; clear:both; content:"." }
.clearfix				{ display:inline-block }
html[xmlns] .clearfix	{ display:block }
* html .clearfix 		{ height:1% }


/*  					HTML    			 ============================================================================================================ */

body					{ font-family:Verdana, Geneva, sans-serif; font-size:70%; padding:0 40px 40px 40px; }
h1						{ font-size:1.3em; font-family: 'Artifika', arial, serif; color:#686868; }
h2						{ font-size:1.3em; font-family: 'Artifika', arial, serif; color:#686868; }
h3						{ font-size:1.1em }
a						{ text-decoration:none; color:#d83049; }
p						{ line-height:22px}
strong 					{  }
input, textarea 		{ font-family:Tahoma, sans-serif }
.clear 					{ clear:both }

.shadow					{	-moz-box-shadow: 0px 0px 30px #666;
							-webkit-box-shadow: 0px 0px 30px #666;
							box-shadow: 0px 0px 30px #666;
							/* For IE 8 */
							-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=120, Color='#666666')";
							-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=60, Color='#666666')";
							/* For IE 5.5 - 7 */
							filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=120, Color='#666666');
							filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=60, Color='#666666');
						}

/* ==================   CONTENIDORS      	============================================================================================================ */

#caplogos				{ width:960px; margin:0 auto; }
#web 					{ width:960px; position:relative; margin:0px auto 30px; background-color:#dbdbdb;  }
#cap 					{ width:960px; height:183px; float:left; margin-bottom:10px; position:relative; }
#cos					{ background:url(../img/bgbottom.jpg) bottom center no-repeat; }

#menu					{ width:960px; font-family: 'Artifika', arial, serif; letter-spacing:.06em; height:27px; padding-top:11px; position:absolute; bottom:0; left:0; background:#000 url(../img/bgmenu.jpg) top left no-repeat; }
#contingut				{ width:445px; float:right; padding-top:30px; padding-right:30px; display:block}
#peu 					{ clear:both; height:90px; padding:20px; font-family: 'Artifika', arial, serif; font-size:1.1em; line-height:1.8em }
#wim					{ position:absolute; right:30px;  }
#menu_esq				{ }
#menu_esq ul li a		{ color:#8c8c8c; }
#menu_esq ul li a:hover		{ color:#d83049; }
#menu_esq ul li.actiu a	{ color:#d83049; text-decoration:underline; }

.boxgran h1.historia					{ background:url(../img/icons_act.png) 2px -14px no-repeat; }
.box h2.historia						{ background:url(../img/icons.png) 2px -14px no-repeat; }

.box h2.producte						{ background:url(../img/icons.png) 3px -31px no-repeat; }
.box h1.producte						{ background:url(../img/icons_act.png) 3px -31px no-repeat; }

.box h2.productes						{ background:url(../img/icons.png) 0 1px no-repeat; }

.boxgran h1.enoturisme					{ background:url(../img/icons_act.png) 0 -47px no-repeat; }
.box h2.enoturisme						{ background:url(../img/icons.png) 0 -47px no-repeat; }

.box h2.premis							{ background:url(../img/icons.png) 2px -92px no-repeat; }

.box h2.compres							{ background:url(../img/icons.png) 1px -107px no-repeat; }
.box h2.contacte						{ background:url(../img/icons.png) 1px -78px no-repeat; }
.boxgran h1.mapa							{ background:url(../img/icons_act.png) 1px -64px no-repeat; }

.box, .boxgran, .boxgran_gran			{ float:left; font-family: 'Artifika', arial, serif; width:214px; margin-left:20px; }
.boxgran								{ width:448px; }
.boxgran_gran							{ width:685px; }

.box ul.caixa,
.boxgran ul.caixa					{ margin-top:4px;  background:#fff; padding:20px; font-size:12px !important; line-height:2em; font-variant:small-caps; color:#8c8c8c }

.box h1,
.boxgran h1							{ font-size:1.2em; margin:5px 0 7px 0; color:#d83049; padding-left:20px; }
.boxgran_gran h1					{ font-size:1.2em; margin:5px 0 7px 0; color:#d83049; padding-left:20px; }

.box h2,
.boxgran h2							{ font-size:1.2em; margin:5px 0 7px 0; padding-left:20px; }

.box ul li h3,
.boxgran ul li h3					{ color:#000; margin-top:20px; }

.box ul li h3.first,
.boxgran ul li h3.first				{ margin-top:0px; }

.box .outer,
.boxgran .outer						{ margin-top:4px; background:#fff; min-height:600px; }
.boxgran_gran .outer				{ margin-top:4px; background:#fff; min-height:600px; }

.box .outer.half,
.boxgran .outer.half				{ margin-top:4px; background:#fff; min-height:279px; }

.contingut_total					{  margin-top:15px; margin-bottom:20px; width:920px;  }
.contingut_total .banter			{ margin-top:4px; padding:20px; min-heigh:none; background:#fff; }

.box .inner,
.boxgran .outer .inner				{ padding:20px; }
.boxgran_gran .outer .inner			{ padding:20px; }

.box .outer .inner h2,
.boxgran .outer .inner h2			{ margin:0; padding:0; padding-top:15px; color:#444444; font-weight:100; }

.box .outer .inner h2.first,
.boxgran .outer .inner h2.first		{ padding:0;  }

.box .outer .inner p,
.boxgran .outer .inner p			{ color:#8c8c8c; line-height:1.7em; margin:10px 0 10px 0; font-size:1.1em }
.boxgran_gran .outer .inner p		{ color:#8c8c8c; line-height:1.7em; margin:10px 0 10px 0; font-size:1.1em }

.box .outer .inner p.first,
.boxgran .outer .inner p.first		{ margin-top:0;  }

.boxgran .outer.ambfons				{ background:#fff url(../img/bgcos.jpg) bottom right no-repeat; }

#sintitol							{ padding-top:24px;	 }
.top								{ padding-top:24px;	 }
.center div div						{ text-align:center;	 }


#premis								{ height:205px; overflow:hidden; }
#rotatiu							{ height:600px; background:#000; overflow:hidden; }
#histportada						{ height:243px; overflow:hidden; margin-bottom:10px; }

/* ==================   CAP     			============================================================================================================ */

#logo 					{ position:absolute; top:4px; left:30px; z-index:999  }

.idiomes				{ position:absolute; width:90px; top:158px; right:0px; }
.idiomes li				{ float:left; margin-right:10px; }

.idiomes li a			{ color:#666; }
.idiomes li.actiu a		{ color:#d83049; text-decoration:underline; }
/* ==================   IDIOMES     		============================================================================================================ */


/* ==================   TELEFON     		============================================================================================================ */

#telefon				{ width:280px; height:50px; margin-top:14px; margin-right:14px; text-align:right; color:#707172; font-size:11px}
#telefon strong			{ font-size:20px}

/* ==================   MENU_TOP    		============================================================================================================ */

#menu_top a				{ color:#999; }

/* ==================   MENU     			============================================================================================================ */

#web #menu li			{ float:left; background:url(../img/separador.png) center right no-repeat; font-size:1.2em; padding-right:30px; margin-right:20px;  }
#web #menu li a			{ color:#FFF; padding:0; margin:0; }

#web #menu li a:hover	{ color:#da324b }


#web #menu li.actiu		{  }
#web #menu li.actiu a	{  color:#da324b; text-decoration:underline; }


/*  					compres     	============================================================================================================ */

.afegir					{ margin-bottom:10px; background:url(../img/afegir.png) top left no-repeat; width:167px; height:24px; }
.afegir a				{ line-height:24px; margin-left:8px }

.afegir:hover			{ background-position:bottom; }
.afegir:hover a			{ color:#fff; }

#compres ul li			{ font-size:.95em}
#compres ul li span		{ color:#d83049 }
#compres ul li img		{ float:right; margin-top:9px }


/*  					CONTINGUT      		============================================================================================================ */

#seccio h1				{ font-family: 'Goudy Bookletter 1911', arial, serif; line-height:.90em; margin-top:40px; font-size:2.4em; color:#fff; }
#seccio p				{ color:#fff; font-size:.85em; line-height:1.6em; }


#contingut h2			{ margin-top:10px}

/*  					CONTACTE     		============================================================================================================ */

#contacte								{  }
#contacte label 						{ display:block; width:124px; margin-bottom:4px; font-weight:bold; color:#555; float:left; }
#contacte textarea, #contacte input.text{ border:1px solid #cccccc; background-color:#fff; padding:3px; width:400px; }
#contacte input.text 					{ margin-bottom:8px }
#contacte textarea 						{ margin-bottom:8px; height:70px;  }
#contacte .submit			 			{ display:block; text-align:right; margin-bottom:15px;  }
#contacte input.boto    				{ font-family:"Trebuchet MS", sans-serif; padding:4px; background-image:none; background:#d83049 }
#ClientValidationSummary 				{ background-color:#fff; padding:5px; border:2px solid #EAEDF1; font-size:.80em; margin:0; font-weight:bold; margin:20px; line-height:1.6em }
#ClientValidationSummary a 				{ font-weight:normal }
#ClientValidationSummary ul li			{ padding:0; margin:0; line-height:1.6em; }

#enoturisme								{  }
#enoturisme label 						{ display:block; width:124px; margin-bottom:4px; font-weight:bold; color:#555; float:left; }
#enoturisme textarea, #enoturisme input.text{ border:1px solid #cccccc; background-color:#fff; padding:3px; width:166px; }
#enoturisme input.text 					{ margin-bottom:8px }
#enoturisme textarea 						{ margin-bottom:8px; height:70px;  }
#enoturisme .submit			 			{ display:block; text-align:right; margin-bottom:15px;  }
#enoturisme input.boto    				{ font-family:"Trebuchet MS", sans-serif; padding:4px; background-image:none; background:#d83049  }
#enoturisme select						{ border:1px solid #cccccc; background-color:#fff; padding:3px; width:174px; margin-bottom:8px  }

/*  					PEU     			============================================================================================================ */

#peu ul li				{ width:316px; float:left; }
#peu ul li:first-child	{ width:130px; }
#peu ul li.last			{ text-align:right; width:150px }

#peu strong				{ color:#000;float:right; font-weight:normal  }
#peu a 					{ color:#d83049;  }
#peu a:hover			{ color:#707172; text-decoration:underline  }

/* ////////// OCULTAR BOTONES Y FORMULARIOS /////////////// */
.visible	{ display:inline }
.oculto		{ display:none }
.sensefons	{ background:none !important}