html,
body {
	margin:0px;
	padding:0px;
	font-family:Verdana;
	font-size:14px;
	color:#666;
	height:100%;
}

.texto h2 {
	background:none repeat scroll 0 0 #FDFD00;
	padding:3px 10px;
	color:#DA121A;
}

.novetat {
	color:#FDFD00;
	text-shadow:#DA121A 1px 1px 1px;
}

.image {
   border:1px solid gray;
   padding:5px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   display:inline-block;
   margin-left:30px;
   -moz-box-shadow:gray 1px 2px 1px;
   -webkit-box-shadow:gray 1px 2px 1px;
   box-shadow:gray 1px 2px 1px;
}

a img {
border:none;
}

a.bookmarklet {
  border:1px solid #FDFD00;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  color:#CD0303;
  padding:4px 8px;
  font-size:14px;
  font-family:Verdana;
  font-weight:bold;
  text-decoration:none;
  text-shadow:#FFF 1px 1px 1px; 
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFD00), to(#D7FD00));
  background:-moz-linear-gradient(top , #FDFD00, #d7fd00 );
}

a.twitter {
  font-size:18px;
  font-weight:bold;
  color:orange;
  text-decoration:none;
}

a.twitter img {
  position:relative;
  top:2px;
  margin-right:4px;
}

a {
	color:#888;
}

a:hover {
	color:#f82;
}

a.addon {
  padding-left:20px;
  background:url(img/vescat.png) left center no-repeat transparent;
}

.exemple {
	padding:10px 20px;
	background:#EEE;
	border:3px dotted #CCC;
	color:black;
}

input.text {
	color:#999;
}

input:hover {
	color:#f82;
}

input:focus {
	color:black;
}

#wrapper {
	font-family:Tahoma;
	width:800px;
	margin:0px auto;
	padding:0px;
	height:100%;
	border-top:0px;
	border-bottom:0px;
}

#wrapper #header {
	padding-top:80px;
	text-align:center;
}

#wrapper h1 {
	margin:0px auto;
	padding:0px 10px;
	margin-top:20px;
	display:inline;
	font-size:72px;
	background:#fdfd00;
	/*background:#da121a;*/
}

#wrapper h1 a {
	color:#da121a;
	/*color:#fdfd00;*/
	text-decoration:none;
}

#wrapper h1 a:hover {
}

#wrapper .texto {
	padding-bottom:90px;
}

#wrapper .intro {
	width:500px;
	margin:0px auto;
}

#wrapper fieldset {
	width:500px;
	margin:0px auto;
}

#wrapper fieldset input.text {
	width:490px;
}

#wrapper input.shortened {
	width:400px;
	color:black;
}

#wrapper ul.shortcuts {
	display:block;
	height:30px;
	margin:0px auto;
	margin-top:12px;
	padding:0px;
	text-align:center;
}

#wrapper ul.shortcuts li {
	display:inline;
	margin:0px 10px;
}

.cover .texte {
	width:500px;
	margin:0px auto;
}

.grana  {
	color:#ff010c;
}

.gualda {
	color:#ffff01;
}