@charset "UTF-8";
body {
		background-color:#6DD1D4;

    	font: 1em Arial, Helvetica, sans-serif;


    	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */

    	padding: 0;

    	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */

    	color: #000000;

    }

    #container {

    	width: 43.75em;
		height:auto;
    	margin: 1em auto 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	text-align: left; /* esto anula text-align: center en el elemento body. */
		background-color:#FFFFFF
		

    }

    
	a{
		color:#333333;
		text-decoration:none;
		font-weight:bold}
	a:hover{
		color:#00CCCC;
		text-decoration:none}
	img{
	border:none}
	.center{
		text-align:center
		}
	
	
	h1{
		font-size:1.1em;
		margin:0;
		padding:0;
		color:#00CCCC}
	.limpiar{
		clear:both}
		
		
		
	.capcalera{
		background-color:#ffffff; 
		margin-bottom:-0.6em;
	}
	
	.pprincipal{
		width:99%; 
		background-color:#FFFFFF; 
		overflow:visible; 
		height:3em; 
		margin-top:0.6em
		}
	.titol{
		float:left; 
		margin-left:12.2em; 
		width:40%;
		font-size:0.9em
		}
	.idiomes{
		text-align:right; 
		float:right; 
		width:25%; 
		margin-right:1em; 
		font-size:0.8em
		}
	.pmenu{
		overflow:hidden; 
		background-color:#FFFFFF;
		}
		
	/* INICI DEL MENU...............................................................*/
	.menu{
		width:25%; 
		float:left
	}
	
	.menu ul{
		margin:0em 0 0 1em;
		padding:0;
		border-right:1px solid #999999
	
	}
	
	.menu li{
		list-style-type:none;
		margin-bottom:0.8em;
	}
	.menu li a{
		color: #999999;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 0.9em;
		font-weight: bold;
		text-decoration:none	
		}
		
	.menu li a:hover{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1em;
		color: #00cccc;
		font-weight: bold;
		text-decoration:none
		}
		
	.carta{
		background-color:#FAF9EF;
		width:22em;
		margin-top:0.6em}	
	.carta ul{
		list-style-type:none; 
		text-align:center; 
		margin-left:0;
		margin-top:0;
		padding:0.3em 1em 0 1em}		
	.carta li{
		margin-bottom:0.5em;
		margin-top:0.5em;
		padding-bottom:0.5em;
		border-bottom:1px dotted #666666}
		
		
		
	
	
	/* FI DEL MENU...............................................................*/
	.mfoto{
		width:72%; 
		float:right; 
		font-size:0.8em
		}
	.mfoto img{
		float:right; 
		margin: 0 0.8em}
	.horari{
		background-image:url(../img/peu.gif); 
		height:4em; 
		padding-top:0.7em; 
		padding-left:2em; 
		font-size:0.8em;
		
		}
	
	/*INICI VISITA VIRTUAL........................................................*/
		.vvirtual{
			width:72%; 
			float:right; 
			font-size:0.8em;
			background-image:url(../img/fonsrest.jpg);
			height:17em;
			margin-left:1em
		}
		
		.vvirtual img{
			
			padding-top:12em
		}
		
		
		
		.historieta{
			width:72%; 
			float:right; 
			font-size:0.8em;
			height:29em
		}
		
		.historieta p{
		font-size:1.2em}
		
		
		.localitzacio{
			width:72%; 
			float:right; 
			font-size:0.8em;
			
		}
		
		.localitzacio p{
		font-size:1.2em}
		
		.localitzacio ul{
		list-style-type:none}
		
		.web{
			width:48%; 
			float:left; 
			margin-bottom:1em
		}
		
		.descrip{
			width:45%; 
			float:right; 
			text-align:right;
			margin-right:2em
		}
		
		.localitzacio ul{
			margin:2em 0 0 0;
			padding:0;}
	/*FI VISITA VIRTUAL........................................................*/
	
	
	
	/*INICI CARTA i MENUS........................................................*/
		.mcarta{
			width:72%; 
			float:right; 
			font-size:0.8em
		}
		
		.mcarta img{
			float:right; 
			margin: 0 0.8em
		}
		
		.mcarta ul{
			margin:0em 0 0 1em;
			padding:0;
			
		}
		
		.mcarta ul li{
			list-style-type:none;
			
			color: #666666;

		}
		
		.mcarta	ul li a{
			color: #999999;
			font-family: Arial,Helvetica,sans-serif;
			font-weight: bold;
			font-size:1.3em;
			text-decoration:none;
			margin-top:0.4em	
		}
		
		.mcarta ul li a:hover{
			font-family: Arial,Helvetica,sans-serif;
			color: #00cccc;
			font-weight: bold;
			text-decoration:none
		}
		
		
		.titolcarta{
			text-align:center; 
			font-size:1.6em; 
			color:#00cccc; 
			margin-top:1em; 
			font-weight:bold
			}
		.titolcartagris{
			color:#999999
			}
		.txtcarta{	
			font-size:0.9em; font-weight:normal
			}
		
		.ccarta{
			background-color:#FAF9EF; 
			margin-right:1em; 
			margin-top:1em; 
			padding:1.1em
			}
		.ccarta li{
			border-bottom:1px solid #CCCCCC;
			padding-bottom:0.9em;
			font-size:1.4em	
		}
		
		.camanides{
			background-color:#FAF9EF; 
			margin-right:1em; 
			margin-top:1em; 
			padding:1.1em;
			overflow:hidden;
			
			}
		.camanides li{
			margin-bottom:1em;
			font-size:1.3em	;
			font-weight:normal;
			overflow:visible;
			clear:both;
		}
		
		.titolvins{
			text-align:center; 
			font-size:1.2em; 
			color:#00cccc; 
			margin-top:1em; 
			font-weight:bold
			}
		.cvins{
			background-color:#FAF9EF; 
			margin-right:1em; 
			margin-top:1em; 
			padding:1.1em
			}
		.cvins li{
			border-bottom:1px solid #CCCCCC;
		
			font-size:1.2em	
		}
		.item{
			width:70%; 
			float:left; 
			margin-bottom:1em
		}
		
		.preu{
			width:17%; 
			float:right; 
			text-align:right;
			margin-right:1em
		}
		
		.menudia ul li ul{
			background-color:#FAF9EF;
			overflow:visible;
			padding:1em 0 0 1em;
			margin-right:1em
			
			
			}
		.menudia ul li {
			font-size:1.2em;
			}	
		.menudia ul li ul li{
			font-size:1em;
			margin-bottom:1em;
			}
		
		.totvins ul li ul{
			background-color:#FAF9EF;
			overflow:hidden;
			padding:1em 0 0 1em;
			margin-right:1em
			
			
			}
		.totvins ul li {
			font-size:1.2em;
			}	
		.totvins ul li ul li{
			font-size:1em;
			}
		.tipusvi{
		color:#009d9d}
		
		.tipusvigran{
		color:#009d9d;
		font-size:1.3em}
		
		.titolindex{
			font-size:20px; 
			color:#00cccc; 
			font-weight:bold; text-align:center}
		.preus{
			width:27%; 
			float:right; 
			text-align:right}
		.plat{
			width:70%; 
			float:left;
			margin-bottom:0.5em
			}
		.merotics{
			border-bottom:1px solid #999999; 
			padding-bottom:0.4em
			}
		.merotics li{
			padding-bottom:1em
			}
		
	/*FI CARTA i MENUS........................................................*/
		.botonsimprimir{
			float:right; 
			margin-top:1em;
			margin-right:1em
			}
	/*MULTIMEDIA*/
	.multimedia{
			width:72%; 
			float:right; 
			font-size:0.8em;
			height:25em
		}