* { margin:0; padding:0; }

body { background:#111; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8em; color:#CCC; }
img{ border:none; }
a{text-decoration:none;}	
	
.capcelera{width:150px; height:100%; position:fixed; top:0px; left:80px; background-color:#111; padding-left:10px; padding-top:25px; z-index:5;}

.logo{ margin-bottom:15px; margin-left:-70px;}

.social{position:fixed; right:10px; top:10px; color:#7a8e9f; text-align:right; width:400px;}
.social b{color:#fff; font-weight:bold; font-size:1.4em;}


.footer{width:100%; position:fixed; bottom:0px; left:0px; background-color:#000; text-align:center; padding:5px; z-index:4; text-align:right; }



/*lightbox*/
h1{ font-family:Georgia, "Times New Roman", Times, serif; color:#09C; font-style:italic; padding-left:10px;}
h2{ border-bottom:dotted 3px #333; padding-bottom:3px; margin-bottom:5px; font-weight:normal; color:#666; padding-left:10px;}

.contingut{width:780px; margin:10px; padding-top:10px; color:#FFF; min-height:350px;}

.esq{ width:360px; float:left;}
.dre{ width:360px; float:right;}

.esq a,.dre a{color:#09c; font-weight:bold;}


	.plats{}
		.plats ul{ list-style:none;}
		.plats ul li{ width:170px; float:left; padding:5px; margin:2px; text-align:center; background:#333; height:160px;}
		.plats ul li img{ width:170px; height:125px; margin-bottom:5px;}


fieldset{border:none; margin-bottom:10px;}		
label{width:80px; float:left; padding-top:5px; font-weight:bold;}
input,textarea{width:300px; border:solid 1px #ccc; padding:2px;}
input.boton{background:#ffcc00; color:#FFF; font-weight:bold; margin-left:80px;}
		
		
ul.carta{text-align:center; list-style:none;}		
ul.carta li{margin:2px 0;}
.alergia{color:#ccc; background:#333; padding:1px 2px; margin-right:5px; font-weight:bold; font-size:x-small;}