@charset "utf-8";
/* ---------------------- CSS RESET ---------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,table,ul,li,dl,dt,dd { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-weight:normal }
q:before,q:after { content:'' }

/* ETIQUETES PRINCIPALS color gris fons #d2d5d1 */

body { background:#951618 url(../img/bg_web2.png) repeat-x top; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:80%; letter-spacing:-.015em }

h1 { font-size:1.8em; background-color:#FFF }
h2 { font-size:1.25em; font-variant:small-caps; border-bottom:1px solid #EFEFEF; text-align:right; padding-bottom:4px; }
h3 { font-size:1.40em; font-variant:small-caps; text-align:left; padding-bottom:4px; }

a { color:#ba1e16; text-decoration:none }
strong { color:#af4340; }
a:hover { color:#af4340; text-decoration:underline }
.dreta { float:right; margin: 20px 0 20px 20px}
dl	{ color:#636363; margin:16px 0 16px 12px; }
dt	{ color:#000000; font-size:1.1em }
dd	{ padding:0px 0px 0px 8px; margin-bottom:14px; font-size:1.1em}
blockquote.peu	{ font-size:1.4em; font-weight:bold; font-variant:small-caps; color:#990000; text-align:center; width:400px; margin:30px auto;}
/* CONTENIDORS PRINCIPALS */

#web {  margin:20px auto; width:960px; background:#fff; }
#cap { height:122px; background:url(../img/bg_cap.png) repeat-x top; border:1px solid #fff }
#contingut { padding:20px; background:url(../img/bg_mondelcava.jpg) bottom right no-repeat; min-height:750px; float:right; width:680px;  }
#columna { width:210px; padding:20px; padding-right:0px; float:left; }
#peu { clear:both; background:url(../img/bg_peu2.png) no-repeat 0 28px; height:90px }

/* CAP */

#cap blockquote { float:right; width:450px; padding:32px; font-size:1.2em; text-align:right; line-height:1.4em }
#logo { width:340px; display:block; font-size:1em; text-align:center; margin:0 20px }
#logo img { display:block }

/* Idiomes */
#idms 							{ margin:0 auto; width:960px;}
#idiomes 						{ float:right; font-size:.9em; margin-top:8px; font-weight:bold; letter-spacing:0.2em }
#idiomes a 						{ padding:6px 0 3px 18px; height:30px; text-decoration:none; }
#idiomes a:hover				{ text-decoration:underline }
#idiomes span.inactiu a 		{ width:40px; display:inline; color:#FFFFFF }
#idiomes span.actiu a			{ width:50px; display:inline; color:#000 }


/* MENU */
#columna ul		{ list-style:none; padding:0 0 2px 0; margin:0 0 20px 0;  }
#columna a.boto { display:block; margin-bottom:20px; color:#000; padding:0 10px }
#columna a.boto_act { display:block; margin-bottom:20px; color:#ba1e16; padding:0 10px }
#columna a.boto, a.boto_act,
#columna ul		{ background:url(../img/bg_menus.png) repeat-y left; border:1px solid #eaeaea; line-height:2.15em }
#columna ul li  	{ padding-left:10px}
#columna ul a	{ color:#000; display:block; margin:0 0; padding:0; border-top:1px solid #ded5d5 }
#columna ul a:hover	{ color:#a8121c; }
#columna ul li.actiu a		{ color:#af4340 }
#columna ul li a.actiu		{ color:#af4340 }
#columna ul li.submenu { padding:0; margin:0; border:0; padding-left:10px; font-size:.90em; }
#columna ul li.submenu a		{ color:#5a5a5a }
#columna ul li.submenu a.actiu		{ color:#af4340 }
#columna ul li.submenu a:hover{ color:#000 }
#columna .titol	{ color:#000; border-top:none; font-weight:bold }


.foto-albert	{ width:160px; float:right; margin-left:20px;}
.video			{ float:left; border:#444a48 solid 4px}

/* COS */
#contingut h1 { font-size:1.5em; font-variant:small-caps; background:#FFF; border-bottom:1px solid #EFEFEF; text-align:right; padding-right:40px; padding-bottom:4px; background:url(../img/bg_h1.jpg) right no-repeat; color:#af4340; }
#contingut h2 a { color:#000 } 
#contingut h2 a:hover { color:#000 } 
#contingut p	{ font-size:1em; text-align:justify}
#contingut ul		{ margin:16px 0}
#contingut ul li 	{ list-style:none; padding-left:10px; margin-bottom:14px}
#contingut table.fotos td	{ text-align:center }

.seccio		{ width:100%}
.home_productes { float:left; width:500px }
.home_productes { margin-right:20px }
.home_productes h2 { text-align:left; border-bottom:none }
.home_productes h3 { color:#9e9e9d; font-size:1.1em; margin-bottom:10px }
.home_productes h3 a { text-decoration:underline }
.home_productes p	{ color:#636363; font-size:.9em; line-height:1.7em }
.home_productes .imatge	{ float:right; margin:10px 0 10px 20px }

.seccio_noticia	{ width: 650px; border-bottom:#CCCCCC dotted 1px; margin-bottom:20px; }
.seccio_noticia h2	{ margin-top:15px; text-align:left }
.seccio_noticia p	{ color:#636363; font-size:.9em; line-height:1.7em; margin-top:15px; }
.seccio_noticia { margin-right:20px }
.seccio_noticia h3 { color:#9e9e9d; font-size:.9em; margin-bottom:10px }
.seccio_noticia h3 a { text-decoration:underline }

.home_banner	{ float:right; width:150px; }

.home_general	{ width: 650px; float:right }
.home_general p, dl	{ color:#636363; font-size:.9em; line-height:1.7em; margin-top:15px; }
.home_general { margin-right:20px }
.home_general h3 { color:#9e9e9d; font-size:1.3em; margin-bottom:10px }
.home_general h3 a { text-decoration:underline }
.home_general img 	{ }
.home_general table td	{ padding:6px 6px 6px 10px}
.home_productes .imatge	{ float:right; margin:10px 0 10px 20px; border:#CCCCCC solid 1px; padding:2px }

.home_productes .detall_oferta,
.home_productes .detall_enstock	{ display:block; padding:5px; text-align:center; font-variant:small-caps; font-size:1.1em; margin-top:10px }
.home_productes .detall_oferta	{ border:1px solid #c90f16; color:#c90f16; }
.home_productes .detall_enstock	{ border:1px solid #efc4c4; color:#989860 }

.home_producte { border-bottom:1px solid #efefef; padding:20px 0; float:left; width:500px }
.veure_ofertes { display:block; margin:20px 0; border:1px solid #eacdcc; background:#f5f5f5 url(../img/ico_estrella.png) 5px center no-repeat; padding:4px 4px 4px 24px; font-weight:bold }

.home_noticies { float:left; width:500px; margin-top:30px; background-color:#FFFFFF;; border:#999 solid 1px}
.home_noticia { background-color:#f7f7f7; padding:16px; margin:20px  20px 0 20px }
.home_noticia h2 { margin-bottom:5px; text-align:left; border-bottom:none } 
.home_noticia p { font-size:.9em; color:#636363; line-height:1.6em;  } 
.veure_noticies {  float:right; margin:10px 0;  padding:4px 20px 4px 24px; text-align:right; text-decoration:underline }

.producte 	{ border-bottom:#CCCCCC dotted 1px; padding-bottom:40px; float:left; width:100%  }
.producte img	{ float:right; margin:10px 0 10px 20px; clear:both}
.producte h2 { text-align:left; border-bottom:none; padding-top:20px }

.home_noticia .data 		{ float:right; line-height:1.4em; width:55px; height:53px; background-color:#fbfbfb; border:1px solid #e3e3e3;}
.home_noticia p.data		{ background:#66FF99; }
.home_noticia .data strong 	{ font-size:0.7em; display:block; margin-bottom:4px; background-color:#eee; border:1px solid #fbfbfb; text-align:center }


/* PEU */
#peu .sobrepeu { background-color:#611111; color:#fff; font-size:.9em; padding:7px 20px  }
#peu .sobrepeu a { color:#fff }
#peu .totop { float:right; background:url(../img/ico_totp.png) no-repeat right center; padding-right:20px; text-decoration:none }

#peu	{ color:#FFFFFF}
#peu a { text-decoration:underline; color:#FFF }
#peu ul { display:block; line-height:1.4em; font-size:.9em }
#peu ul li { float:left; display:block; height:50px; padding:15px 20px 15px 44px }
#peu .adresa { padding-right:20px; background:url(../img/ico_mapa.png) 20px 15px no-repeat; width:350px }
#peu .reserva { background:url(../img/ico_telefon.png) 20px 15px no-repeat }
#peu .links { text-align:right; float:right; padding-right:15px }
#peu .links a { text-decoration:none; color:#FFF }
#peu .links a:hover { text-decoration:underline; color:#ffcc33 }

#contacte		{ padding-left:30px; margin:20px auto; font-size:1em; color: #494949 }
#contacte p		{ padding-left:20px; }		
#contacte label { display:block; float:left; width:150px; font-weight:bold; margin-bottom:5px; }
#contacte input.text { width:396px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .submit { display:block; text-align:right; margin-right:39px; }
#contacte input.boto { width:120px; height:30px; line-height:30px; margin-right:10px }
#contacte textarea { width:395px; height:150px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .validation-failed {border:1px solid #C82633;}
#ClientValidationSummary { background-color:#FFF; border:1px solid #C82633; width:500px; font-size:.85em; margin:0 auto 20px auto; padding:3px 5px; font-weight:bold }

#pagination {  padding-top:10px; padding-bottom:10px; text-align:center; font-size:.85em; }

#pagination a {	 margin-right:3px; padding:2px 8px; background-position:bottom; text-decoration: none; color: #858585;}
#pagination a:hover, div.pagination a:active { background-image:none;	background-color:#CCC; color: #fff;}
#pagination span.current {margin-right:3px;	padding:2px 6px; font-weight: bold;	color: #000;}
#pagination span.disabled {	display:none;}
#pagination a.next{	border:2px solid #D6EEF5; margin:0 0 0 10px;}
#pagination a.next:hover{ border:2px solid #2b55af;}
#pagination a.prev{	border:2px solid #ccdbe4; margin:0 10px 0 0; }
#pagination a.prev:hover{ border:2px solid #2b55af; }