/*	C S S	*/

@import url(https://fonts.googleapis.com/css?family=Cabin+Sketch:700&text=Hotelsambencant.cat);
@import url(https://fonts.googleapis.com/css?family=Prosto+One);
@import url(https://fonts.googleapis.com/css?family=McLaren);
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two|Life+Savers);
/*@import url(http://fonts.googleapis.com/css?family=Economica:700);*/
/*@import url(http://fonts.googleapis.com/css?family=Lobster);*/
@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,700);
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700);
html {	
	background-color:#FAFAFA;
	background-image:url(img/body_bg.jpg) !important;
}
body {
	font-family: Thaoma, Arial, Verdana, sans-serif, Helvetica;
	color: #424244;
	border: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	--margin: 0px;
	padding: 0px;
	--background-color:#FAFAFA;
	--background-image: url(img/content-bg.gif);
	--background-repeat:repeat-x;
	--background-position:top;
}

a:link    {TEXT-DECORATION: none; color: #80B726; -border-bottom:#00CC33 1px dotted}
a:visited {TEXT-DECORATION: none; color: #80B726; -border-bottom:#00CC33 1px dotted}
a:active  {TEXT-DECORATION: none; color: #009900;}
a:hover   {-TEXT-DECORATION: underline; color: #398235; -text-shadow:#F7F7F7 1px 1px 1px}

img.bullet {vertical-align:middle}

img.flag {width: 16px; height: 11px; vertical-align:middle; padding-bottom: 2px; margin-right: 4px; border:none;}

ul.countrieslist {font-size:small; font-weight:bold; line-height:1.8em;}
ul.countrieslist li {list-style:none;}

#directory {margin-top: 32px; margin-bottom: 16px; font-size: small; font-weight: bold;}

span.nobr	{
	white-space: nowrap;
}

#loginform {position:absolute;
display:block;
top: 8px;
right: 16px;}

#header {
margin: 0px;
padding: 0px;
height: 62px;
	background-color: #84AF00;
	background-image: url(img/header_bg.jpg);
	background-repeat: no-repeat;
	--background-attachment: scroll;
	-background-position: 0pt 70px;
	background-position: top center;
	-color: #424242;
	--font-size: 12px;
	--line-height: 18px;
	font-family: Arial,Helvetica,sans-serif;
	border-top: #CAEE01 1px solid;
	border-bottom: #468701 solid 1px;
	-padding-top: 8px;
	box-shadow: #CCCCCC 0px 1px 2px;

	vertical-align:middle;
	white-space: nowrap;
	overflow: hidden;

}
#header h1 {
	text-align:center;
	margin: 0px;
padding: 4px;
color:#fff;
	font-family: 'Maven Pro','Life Savers', 'Shadows Into Light Two', Lobster,'Cabin Sketch', "trebuchet ms", Geneva, Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight:bold;
	text-shadow:#468701 0 -1px 1px;
	--text-shadow: #EAFEC5 0px -1px 1px;
	--text-shadow: #333333 0px 1px 1px;
	
}
#header a {
	-color: #CCFF99;
	color:#FAFAFA;
	text-decoration:none;

	-webkit-transition:color 1s ease-in;  
   -moz-transition:color 1s ease-in;  
   -o-transition:color 1s ease-in;  
   transition:color 1s ease-in; 
}
#header a:hover {
	color: #C8DEAE;
}
#header p {
	text-align:center;
	margin: 0px;
padding: 0px;
color:#adc6e4;
}
#slogan {text-shadow: #EAFEC5 0px -1px 1px; font-face: 'Prosto One';}

#menu {
	background-color:#006633;
	
	-font-family:"Economica";
	-font-weight:700;
	-font-size:14px;
	
	font-size:12px;
	font-weight:bold;
	font-stretch:condensed;
	border-bottom:#003300 1px solid;
	padding: 0px; margin: 0px;
}

#menu table{
-border-collapse: collapse; -border-spacing: 0;
}
#menu table td{
	-padding: 0px; -margin: 0px;
}

#menu img {
	vertical-align: bottom;
	border: none;
}
#menu a {
	color: #FFFFFF;
	text-decoration:none;
}
#menu a:hover {
	-color:#E5E5E5;
}
#menu table {
	-margin:0px;
	-padding:0px;
}

/* Carrousel */
#carrousel {margin-top:0px; padding-top:0px; -border: 1px solid #000; -position:relative; -height:295px; height:148px; --height:590px; width:100%; overflow: hidden; }
#listItems { --position: absolute; --overflow: hidden; list-style:none; margin-top:-8px; margin-bottom:8px; padding:0px;}
li.item {----height: 144px;  height: 140px;}


/* N AV  B A R */

.breadcrumb {
	font-size:small;
	font-size:11px;
	font-stretch:condensed;
	line-height: 1.5em;
color:#c5ccd3; text-decoration:none}
.breadcrumb a {	font-weight:bold;
white-space: nowrap; color:#B7BECD; text-decoration:none; text-shadow: #FFFFFF 0 1px 1px; line-height:1.5em;}
.breadcrumb a:hover {color: #6D85A3}
.breadcrumb

/* Regions and Cities lists*/
ul.list { list-style-type:none; line-height: 2em;  }
ul.list li { display: inline; margin-right: 16px; border-bottom:#CCCCCC 1px solid; margin-bottom: 16px; padding-top: 8px; white-space: nowrap; font-family:'Maven Pro';}
ul.list li:first-letter {
	font-weight: 700;
}


/* Places List */
#listItems { -position: absolute; overflow: hidden; list-style:none; margin:0px; padding:0px; padding-top:4px; margin-top: 4px;}
li.item { height: 140px; padding-bottom:0px; padding-top:4px; margin-top:0px; overflow:hidden; }
li.item:first-child {padding-top:6px; margin-top:6px; }
li.item h3, .listTitle {margin-bottom: 4px; margin-top:0px; --font-family:'Maven Pro'}
li.item h3 a:hover b, .listTitle a:hover b{color:#666666 !important; text-decoration:underline !important;}
li.item h3 span {font-family:'Yanone Kaffeesatz' }

li.item p {margin-bottom: 4px; margin-top:0px; overflow:hidden; font-family: 'Shadows Into Light Two'; --font-stretch:expanded; letter-spacing: 1px}

img.listThumb {
}

img.listThumb:hover {
opacity: 0.8;
transition: opacity .3s;
-moz-transition: opacity .3s;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
}

div.listPhoto {

/*width: 140px; height: 120px; float: left; padding:8px; border: 1px #999999 solid; background-color: #FFFFFF; margin-right: 8px; margin-bottom: 16px; display:inline; vertical-align:bottom; box-shadow: 1px 1px 1px #D0D0D0; border-radius:4px; */ 

	max-width: 25%;
	overflow:hidden;

		--position: absolute;
		--left: 0px;
		--bottom: 0;
		--padding-bottom: 5px;
		/* Firefox */
		-moz-transition: -moz-transform 0.3s ease;
		/* WebKit */
		-webkit-transition: -webkit-transform 0.3s ease;
		/* Opera */
		-o-transition: -o-transform 0.3s ease;
		/* Standard */
		transition: all 0.3s ease;
}
div.listPhoto:hover {
	border-color:#666666 !important;
	/* Firefox */
	-moz-transform: rotate(-3deg) translate(3px, -3px) scale(0.95);
	/* WebKit */
	-webkit-transform: rotate(-3deg) translate(3px, -3px) scale(0.95);
	/* Opera */
	-o-transform: rotate(-3deg) translate(3px, -3px) scale(0.95);
	/* Standard */
	transform: rotate(-3deg) translate(3px, -3px) scale(0.95);
}

li.item h3 a img {
	-moz-transition: -moz-transform 0.1s ease;
	/* WebKit */
	-webkit-transition: -webkit-transform 0.1s ease;
	/* Opera */
	-o-transition: -o-transform 0.1s ease;
	/* Standard */
	transition: all 0.1s ease;
}
li.item h3 a:hover img:nth-child(1) {
	-moz-transform: rotate(6deg);
	-webkit-transform: rotate(6deg);
	-o-transform: rotate(6deg);
	transform: rotate(6deg);
}
li.item h3 a:hover img:nth-child(2) {
	-moz-transform: rotate(-12deg) translate(1px, -3px);
	-webkit-transform: rotate(-12deg) translate(1px, -3px);
	-o-transform: rotate(-12deg) translate(1px, -3px);
	transform: rotate(-12deg) translate(1px, -3px);
}
li.item h3 a:hover img:nth-child(3) {
	-moz-transform: rotate(18deg) translate(-1px, 2px);
	-webkit-transform: rotate(18deg) translate(-1px, 2px);
	-o-transform: rotate(18deg) translate(-1px, 2px);
	transform: rotate(18deg) translate(-1px, 2px);
}
li.item h3 a:hover img:nth-child(4) {
	-moz-transform: rotate(22deg) translate(-3px, -4px);
	-webkit-transform: rotate(22deg) translate(-3px, -4px);
	-o-transform: rotate(22deg) translate(-3px, -4px);
	transform: rotate(22deg) translate(-3px, -4px);
}
li.item h3 a:hover img:nth-child(5) {
	-moz-transform: rotate(-28deg) translate(-1px, -1px);
	-webkit-transform: rotate(-28deg) translate(-1px, -1px);
	-o-transform: rotate(-28deg) translate(-1px, -1px);
	transform: rotate(-28deg) translate(-1px, -1px);
}
li.item h3 a:hover img:nth-child(6) {
	-moz-transform: rotate(34deg);
	-webkit-transform: rotate(34deg);
	-o-transform: rotate(34deg);
	transform: rotate(34deg);
}


/* Place Page elements. */
.placetitle {padding-top: 0px;}
.placetitle a:link, .placetitle a:visited {color:#333333;}
.placetitle a:hover {color:#398235;}

p.placedescription {
	font-family: 'Shadows Into Light Two'; --font-stretch:expanded; 
	letter-spacing: 1px
}

table.contact {
	font-family: 'Yanone Kaffeesatz';
}


/* Home Paragraph. */
p.paragraph {
font-family: 'Maven Pro';
}

/* edit form */
#advice {font-size:small;}

#footer {
	background-color: transparent;
	background-image: url(img/footer_bg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #009900;
	-border-top-width: 1px;
	-border-top-style: solid;
	-border-top-color: #009900;
	text-align: center;
	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#footer a {
	-color: #ffffff;
}

#mailing_box {
	float:right;
	margin-left: 4px;
	margin-bottom: 2px;
	padding: 2px 4px;
	--border: #999966 2px solid;
	border-bottom: #003366 1px solid;
	border-right: #003366 1px solid;
	border-radius: 4px;
	box-shadow: #CCC 1px 1px 2px;
	--background-color: #D6D6B5;
	background-color: #0370A9;
	--background-image:url(img/mailing.gif);
	background-image:url(img/blue_bg.jpg);
	background-position:center top;
	---color: #333333;
	color: #FFF;
	text-shadow:#3863CA 0 -1px 1px;
	font-size:small;
}
#mailing_box p {
	margin: 0px;
}
#mailing_box input.field {
	border: #3863CA 2px solid;
	border-radius: 4px;
	padding: 2px;
	margin:1px;
}

#mailing_box input.field:focus::-webkit-input-placeholder{
   color:#FFF; /*Same input text background color*/
}
#mailing_box input.field:focus:-moz-placeholder {
    color:#FFF;
}
#mailing_box input.field:focus::-moz-placeholder {
    color:#FFF;
}
#mailing_box input.field:focus:-ms-input-placeholder {color:#FFF;} /* Internet Explorer */



/* Top Banner */

#mailing_bar {
	margin: 0px;
	padding: 4px 8px;
	background-color: #2C660E;
	background-image:url(img/mailing_bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	color: #FFF;
	text-shadow:#3863CA 0 -1px 1px;
	font-size:small;
}
#mailing_bar p {
	margin: 0px;
}
#mailing_bar input.field {
	border: 1px solid;
	border-radius: 4px;
	padding: 2px;
	margin:1px;
	
	background-image:url(img/mail_input_bg.gif);
	background-position: 2px;
	background-repeat: no-repeat;
	
	padding-left: 17px;
}
#mailing_bar input.field:focus::-webkit-input-placeholder{
   color:#FFF; /*Same input text background color*/
}
#mailing_bar input.field:focus:-moz-placeholder {
    color:#FFF;
}
#mailing_bar input.field:focus::-moz-placeholder {
    color:#FFF;
}
#mailing_bar input.field:focus:-ms-input-placeholder {color:#FFF;} /* Internet Explorer */

/* search box */
#search_box {
	
	margin-left: 4px;
	margin-bottom: 2px;
	padding: 2px 4px;
	--border: #999966 2px solid;
	border-bottom: #003366 1px solid;
	border-right: #003366 1px solid;
	border-radius: 4px;
	box-shadow: #CCC 1px 1px 2px;
	
	background-image: url(img/header_bg.jpg);
	background-repeat: no-repeat;

/*	background-color: #D6D6B5;
	background-image:url(img/mailing.gif);
	background-position:center top;
*/	
	background-color:#80B726;
	--color: #333333;
	color: #FFF;
	text-shadow:#3863CA 0 -1px 1px;
	font-size:small;
}

#search_btn {
	font-size:large;
	-font-weight:bold;
}
/***************/

#content {
	background-color:#FAFAFA;
	background-image:url(img/body_bg.jpg);
	margin-top:0px;
	border-top: 1px solid #006600;
}

div.content {
	padding: 16px;
}

.stars {vertical-align: top; white-space:nowrap;}
img.star {padding: 0 1px; vertical-align: top; width:12px; height: 12px;}

.ico {width:16px; height: 16px;}



.loginformtxt {font-size: small; color: #336600; }
.textbox {width: 12em; background: url("img/bg-box-trans.png") top repeat-x #FFFFFF; border:#669900 1px solid; padding: 2px;}








.logform {
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	
	margin-top: 4px;
}
.logform input {
	margin-bottom: 4px;
}

.logform a, .logform a:link, .logform a:visited {text-decoration:none; color:#333333; font-size:small; font-weight:bold;}
.logform a:hover {color:#666666;}

.logform img {vertical-align:middle;}

.loglist {
	list-style-type: square;
	font-size:10px;
	list-style-position:outside;
	padding: 16px;
}
.loglist li {
	padding-left: 0px;
	margin-left: 0px;
}


#footeroptions {
	text-align:left;
	font-size: 1.4em;
	font-weight:600;
	color:#009900;
	padding-bottom: 4px;
}
#footeroptions a:link, #footeroptions a:visited{color:#000000; text-decoration:none;}
#footeroptions a:hover{color: #666666; text-decoration:none;}
#footeroptions a:hover img{opacity:0.5;filter:alpha(opacity=50)}
#footeroptions img{
	vertical-align:middle;
}

div.license, .license {
	margin-top: 4px;
	margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;
	text-align:left;
	-text-shadow:#666 1px 0px 1px;
	font-weight:500;
	font-size:small;
	-font-family:"Courier New", Courier, mono;
	color: #666666;
}
div.license img {vertical-align:middle;margin-bottom: 2px;}

div.deviceversions {
	-margin-top: 8px;
	padding-bottom: 4px;
	font-weight:500;
	font-size:small;
}

.usroptslst {
	list-style-type:none;
	padding: 0px;
}
.usroptslst li {
	padding: 0px;
	margin-bottom: 8px;
}
.usroptslst li a{	text-decoration:none;
	color:#000000;
}
.usroptslst li a:hover{	
	color: #666666;
}

/*	Top Menu List	*/
.mnuItm {
	white-space: nowrap;
	color:#FFFFFF;
	text-decoration:none;
	padding: 4px !important;
	margin: 0px !important;
}
.mnuItm:hover .mnuTxt{
	color:#E5E5E5;
}
.mnuItm:hover img {
	opacity:0.8;filter:alpha(opacity=80);
}
/*	Top Menu List RIGHT	*/
.topmenulist {
	list-style-type:none;
	display: inline;
	margin: 0px; padding: 0px;
}
.topmenulist li {
	-padding: 0px;
	display: inline;
	margin-left: 0px;
	marginright: 0px;
	border-left: #003300 1px solid;
	padding-left: 4px;
	padding-right: 4px;
		white-space: nowrap;
}
.topmenulist li img {
	vertical-align:middle;
}
.topmenulist li a {
	text-decoration:none;
	color: #FFFFFF;
}
.topmenulist li a:hover{	
	color: #666666;
}

/*	Top Menu List LEFT	*/
.topmenulistleft {
	padding-left: 0px;
	margin: 0px; padding-right: 0px;
	list-style-type:none;
	display: inline;
}
.topmenulistleft li {
	-padding: 0px;
	display: inline;
	margin-right: 0px;
	margin-left: 0px;
	border-right: #003300 1px solid;
	-border-left:  #690 1px solid;
	padding-left: 4px;
	padding-right: 4px;
		white-space: nowrap;
}
.topmenulistleft li:last-child {
	-border-right: none;
}
.topmenulistleft li img {
	vertical-align:middle;
}
.topmenulistleft li a {
	text-decoration:none;
	color:#FFFFFF;
}
.topmenulistleft li a:hover{	
	color: #666666;
}


/* Categories */
.sidebarmenu {
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	display:block;
	-background-color: #F0FFF0;
	font-size:12px;
	font-weight:bold;
	text-shadow: #CCC 1px 1px 1px
}
.sidebarmenuitem, .sidebarmenu li {
	kk-display:block;
	font-family:"trebuchet MS", Verdana, sans-serif, Helvetica, Thaoma, Arial;
	text-decoration:none;
	background:#FFFFFF;
	margin:0px;
	padding: 0px;
}
.sidebarmenuitemlink, .sidebarmenuitem a, .sidebarmenu li a{
	display:block;
	text-decoration:none;
	color:#003300;
	border-bottom: #009900 1px solid;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-right: 4px;
	background-image:url(img/footer-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	
	margin-bottom:0px;
}
.sidebarmenu li a img.bullet{
	width: 16px;
	height: 16px;
}
.sidebarmenu li a:hover{
	display:block;
	text-decoration:none;
	color: #758d38;
	background-color: #FFFFCC;
	background-image:url(img/foot-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
}

.sidebarmenu li a:hover img{
	opacity:0.6;filter:alpha(opacity=60)
}


/* Vignettes */

.faixa {
	font-family:"trebuchet MS", Verdana, sans-serif, Helvetica, Thaoma, Arial !important;
}


/* Recipe */
.recipetitle {color: #f28500; font-weight:bold; font-family:"trebuchet ms", Geneva, Arial, Helvetica, sans-serif; font-size:1.8em; text-shadow: 1px 1px #CCC;
}
.recipetitle a {color: #f28500;}
.recipetitle a:hover {color: #F2a520; -text-decoration:blink;}

.h {
	text-shadow: 0px 1px 1px #FFF;
	font-family:'Prosto One';
}

p.directions {
	-text-align: justify;
}

.authorship {
	font-size:small;
	color:#666666;
}

.review, .rating {color:#999999;}

.seasons a {white-space:nowrap;}
span.seasons a:hover img.bullet{opacity:0.7;filter:alpha(opacity=70)}

img.avatar {
	width:180px;
	border: 1px solid #666666;
}

img.photo {
	-border: 1px solid #666666;
	border: 1px #999999 solid; background-color: #FFFFFF;
	padding:8px;
	box-shadow: 1px 1px 1px #D0D0D0; border-radius:4px;
	margin-right: 16px;
	margin-bottom: 16px;

	transition: all 0.5s ease;
}

a:hover  img.photo {
	border: 1px solid #666666;
	opacity:0.9;filter:alpha(opacity=90);
}

div#photos a:hover img.photo:nth-child(1) {
	-moz-transform: rotate(6deg);
	-webkit-transform: rotate(6deg);
	-o-transform: rotate(6deg);
	transform: rotate(6deg);
	
	transition: all 0.5s ease;
}

div.bookingbutton {
	text-align:center; font-size:large; font-weight:bold; text-decoration:none; 
	margin: 16px 0;
}
div.bookingbutton:hover {
	-backgound-color:#99CC00;
}

a.booklink {
	border:#336633 1px solid; 
	padding: 4px 8px; 
	box-shadow: 1px 1px 1px #C0C0C0; 
	text-shadow:#363 0px -1px 1px; 
	border-radius: 8px; 
	color:#FFFFFF; 
	background-color: #80B726;
	white-space: nowrap;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
}
a.booklink:hover {
	-color: #C1E624;
	background-color: #90C736;
	border: #339933 1px solid;
	box-shadow: 1px 1px 1px #999;
}



.date {
	font-size:small;
	font-style:italic;
	color:#356520;
}

/* Metadata */

a[rel="permalink"], a.permalink {
	text-decoration:none;
	-white-space:nowrap; 
	word-wrap: break-word;
	overflow:hidden;
}

/* DIV voting */

#voting {float:right; padding-left: 9px; padding-bottom:8px; text-align:center}

/* ____ */

ol.itemslist{
	font-size:12px;
	font-stretch:condensed;
	font-weight:bold;
	color: #758d38;
	-font-family: "Trebuchet MS",Tahoma,Arial;
	padding-left:16px;
	list-style-position: outside;
	margin-left: 0px;
}

ul.itemslist{
	list-style-image:url(img/bullet-icon.gif);
	font-size:12px;
	font-stretch:condensed;
	font-weight:bold;
	color: #758d38;
	-font-family: "Trebuchet MS",Tahoma,Arial;
	padding-left:16px;
	list-style-position: outside;
	margin-left: 0px;
}
ul.itemslist li, .itemslist li, .item{
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 0px;
}
ul.itemslist li a {
	-color:#356520;
}

ul.tagslist{
	list-style-image:url(img/bullet-tag.gif);
	margin-left: 0px;
	padding-left:20px;
	list-style-position: outside;
	font-stretch:condensed;
	font-weight:bold;
}
ul.tagslist li{
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 0px;
}

ul.userslist{
	list-style-image:url(img/bullet-user.gif);
	margin-left: 0px;
	padding-left:16px;
	list-style-position: outside;
	font-stretch:condensed;
	font-weight:bold;
	font-size:12px;
}
ul.userslist li{
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 0px;
}

ul.commentslist{
	list-style-image:url(img/bullet-comment.gif);
	margin-left: 0px;
	padding-left:16px;
	list-style-position: outside;
	font-stretch:condensed;
	font-weight:bold;
	font-size:12px;
}
ul.commentslist li{
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 0px;
}
ul.commentslist li .cmt{
	font-size:10px;
	color: #333333; 
	font-weight: normal;
}

/*
a.tag {
	border: 1px solid #CC9900;
	border-radius: 8px 2px 2px 8px; -moz-border-radius: 8px 2px 2px 8px; -webkit-border-radius: 8px 2px 2px 8px;
	padding-right: 2px;
	padding-left: 8px;
	background: #F9E28A;
	text-decoration: none;
	color:#666600;
	box-shadow: 1px 1px #CCCCCC;
	margin: 1px;
	font-size: 11px;
}

a.tag:hover {
	background: #E6BE22;
}
*/


/*  T A G S  */

	.cloud {
		margin: 50px;
		padding: 0;
		list-style: none;
		-width: 370px;
	}
	.cloud .tag  {
		margin: 3px;
		padding: 0;
		float: left;
		position: relative;
		display: block;
		overflow: hidden;
	}
	.cloud .tag a {
		font: bold 11px/22px 'Lucida Grande', Arial, Sans-serif;
		text-decoration: none;
		margin: 1px;
		display: block;
		text-decoration: none;
		background: #fecd62;
		color: #a97837;
		padding: 0 11px 0 22px;
		background: #fcc65e;
		background: -webkit-gradient(linear, left top, left bottom, from(#fede82), to(#fcc65e));
		background: -moz-linear-gradient(top,  #fede82,  #fcc65e);
		text-shadow: 0 1px 0 rgba(255,255,255,0.65);
		
		-webkit-border-radius: 0 3px 3px 0;
		-moz-border-radius: 0 3px 3px 0;
		border-radius: 0 3px 3px 0;
		
		-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.4) inset, 0 -1px 0 0 #eebd55, 0 1px 0 0 #daa03b, 1px 0 0 0 #e2af47;
		-moz-box-shadow: 0 1px 0 0 rgba(255,255,255,0.4) inset, 0 -1px 0 0 #eebd55, 0 1px 0 0 #daa03b, 1px 0 0 0 #e2af47;
		box-shadow: 0 1px 0 0 rgba(255,255,255,0.4) inset, 0 -1px 0 0 #eebd55, 0 1px 0 0 #daa03b, 1px 0 0 0 #e2af47;
		
			transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;

	}
	.cloud .tag:before {
		content: '';
		height: 0;
		width: 0;
		position: absolute;
		top: 0;
		left: 0;
		border-color: #FAFAFA transparent;
		border-width: 12px 12px 12px 0;
		border-style: solid;
	}
	.cloud .tag a:after {
		content: '';
		height: 6px;
		width: 6px;
		background: #FFF;
		position: absolute;
		top: 50%;
		left: 8px;
		margin: -3px 0 0 0;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		
		-webkit-box-shadow: 0 0 0 1px #e8af4d inset, 0 1px 2px 0 rgba(0,0,0,0.25) inset;
		-moz-box-shadow: 0 0 0 1px #e8af4d inset, 0 1px 2px 0 rgba(0,0,0,0.25) inset;
		box-shadow: 0 0 0 1px #e8af4d inset, 0 1px 2px 0 rgba(0,0,0,0.25) inset;

	}
.cloud .tag a:hover {
	color:#DEAD45;
	transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
}

/* P A G E S */
h2.pagetitle img {vertical-align:middle;}
div.pagetext {margin-left:40px;}


.bigform input {
	font-size: 1.2em;
}
/*  T A B L E S  __________________________ */
table.invisible {
	width: 100%;
	margin: 0px;
}
table.invisible, td.invisible {
	margin: 0px;
	border: 0px;
	vertical-align: top;
}




img {
	border:none;
}

FORM, DIV.textarea {
	font-family : Verdana,  Arial, Helvetica, sans-serif;
}

hr {border-style: dashed; border: solid; color: #0054e3; -background-color: #0054e3; height: 1px; border: 0;}






/* Form elements */
.boto { cursor: pointer; background-color: #bbbbff; border: 1px #000099 groove; -filter: Chroma(Color=555555);}
.textbox { }
.checkbox { -background-color: #FFFFFF; background-image: none; cursor: pointer; -filter: Chroma(Color=#FFFFFF);}
/* !border: 1px #000000 outset;	*/

.TextBox		
{
	font-family: Tahoma,Verdana; 
	font-size:10pt; 
	color:#000000; 
	background-color:#FFFFFF; 
	border:#000000; 
	border-style:groove; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	border-left-width:1px;

}

.InputBox		
{
	font-family: Tahoma,Verdana; 
	font-size:10pt; 
	color:white; 
	background-color:#0099FF; 
	border:black; 
	border-style:groove; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	border-left-width:1px;

}




/* definicio 2 */
.textfield {
    color: #000000;
    font-size: 11px;
    font-family: verdana, arial, "trebuchet MS", helvetica, sans-serif;
    font-style: normal;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    background:#bdd6ea;
	}

input[type='text'], input[type='password'], textarea {-background:url(img/content-bg.gif) #FFFFFF repeat-x top;}

acronym, abbr, .help {
	cursor: help;
}

.rss > a {
	color: #000000;
	font-size:small;
	vertical-align: middle;
	text-decoration:none;
}

.rss img {vertical-align:middle;}

/* Pagebar (Page list) */
.pagebar {
	padding: 0.2em 0em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	-border: 1px solid #fff;
	text-decoration: none;
	text-align: center;
	font-size:11px;
}

.pagebar a, .this-page {
	color:#FF6600;
	border: 1px solid #FF6600;
	text-decoration: none;
	padding: 0.2em 0.5em;
	background: #fff;
}

.pagebar a:visited {
	color: #FFAA82;
	border: 1px solid #FF6600;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .this-page {
	border: 1px solid #FF6600;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #FF6600;
	color: #fff;
}

.pagebar a:hover {
	color: #FFAA82;
	border-color: #FFAA82;
}
/*
.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}
*/



/* Comments */

.balloon {-width: 100%}
tr.comment {-width: 100%}
td.user {width: 50px;}
table.comments {width: 100%}



/* Social Share */
.socialnets a {
	white-space: nowrap;
}

/* Options */
div#optionslist {
	margin: 16px;
}
.option {text-align:center; font-size:9px; display: inline-table; margin-left:8px; margin-right:8px; max-width:64px; line-height:6pt;}
.option a {text-decoration: none; color: #666666;}
.option a:hover {opacity:0.4; filter:alpha(opacity=40);}

#nav {
	clear:both;
	margin-top: 8px;
}
#nav .opt {
	font-family:'Maven Pro';
	text-shadow: #FFF 0px 1px 1px;
}

/* A P P  O P T I O N S */

#options {text-align:center; font-size:10px; padding-top: 16px; clear:both;}
#options ul {list-style:none; }
#options li {text-align:center; display:inline-table; clear:both; margin-right: 32px;}
#options a {text-decoration:none; color:#000000;}
#options a:hover {color: #666666;opacity:0.4; filter:alpha(opacity=40);}

/* Media print */
@media print {
    .no_print {display:none; visibility: hidden;}
	
	#mailing_bar {display:none; visibility: hidden;}
	#header h1{-vertical-align: bottom; -font-size:18px}
	#loginform, #leftsidebar, #rightsidebar, #menu, #options, .socialnets {display:none}
	#favorite {display:none} /* Fav star */
	#footer {visibility:hidden}
	.license {visibility:visible;}
	
	#contact {display:none;}
	#like {display:none;}

}

@media handheld {
div.listThumb_ {
padding:4px;
border-radius:2px;
}
/*
    .no_print {display:none; visibility: hidden;}

	#header {vertical-align: top; height: 46px;}
	#header h1{font-size:24px; margin-top:0px; padding-top:0px;}
	#header h1 a{margin-top:0px; padding-top:0px;}
	
	#loginform, #leftsidebar, #rightsidebar, #qrcode, #slogan {display:none}
	
	#menu li {border:none;}
	#menu .mnuTxt {display:none}
	#menu img {-display:block;}

	.helptext{display:none;}
	
	#footer {visibility:hidden}
	.license {visibility:visible;}
	.deviceversions {visibility:visible;}
*/
}

/* Landscape */
@media screen and (max-width: 640px)
{
	.mailingbartext {display:none; visibility: hidden;}
	input.field {max-width:50%}


	div.listPhoto {
	--padding:4px !important;
	padding:0px !important;
	border-radius:2px !important;
	}
	
	div.listThumb {
	-width: 70px;
	-height: 60px;
	}

    .no_print {display:none; visibility: hidden;}

	#header {vertical-align: middle; height: 42px;}
	#header h1{font-size:24px; margin-top:4px; padding-top:2px; -vertical-align:middle; overflow:hidden;}
	#header h1 a{margin-top:0px; padding-top:0px;}
	
	#loginform, #leftsidebar, #qrcode, #slogan {display:none;visibility:hidden;}
	
	#menu li {border:none;}
	#menu .mnuTxt {display:none}
	#menu img {-display:block;}

	.helptext{display:none;}
	
	#footer {visibility:hidden}
	.license {visibility:visible;}
	.deviceversions {visibility:visible;}
	
	#carrousel {height:538px;}
	li.item {height: 126px; }
}

/* Portrait */
@media screen and (max-width: 320px)
{
	.mailingbartext {display:none; visibility: hidden;}
	input.field {max-width:50%}

div.listThumb {
padding:4px;
border-radius:2px;
}
    .no_print {display:none; visibility: hidden;}

	#header {vertical-align: top; height: 32px;}
	#header h1{font-size:22px; margin-top:2px; padding-top:0px;}
	#header h1 a{margin-top:0px; padding-top:0px;}
	
	#loginform, #leftsidebar, #rightsidebar, #qrcode, #slogan {display:none}
	
	#menu li {border:none;}
	#menu .mnuTxt {display:none}
	#menu img {-display: inline;}
	
	.helptext{display:none;}
	
	.forumsubjectsindex .comment {display:none;}
	
	#footer {visibility:hidden}
	.license {visibility:visible;}
	.deviceversions {visibility:visible;}
}

/* iPhone & Android devices 
@media only screen and (max-device-width: 480px) {

div.listThumb_ {
padding:4px;
border-radius:2px;
}
	.mailingbartext {display:none; visibility: hidden;}

    .no_print {display:none; visibility: hidden;}

	#header {vertical-align: top; height: 46px;}
	#header h1{font-size:24px; margin-top:0px; padding-top:0px;}
	#header h1 a{margin-top:0px; padding-top:0px;}
	
	#loginform, #leftsidebar, #rightsidebar, #qrcode, #slogan {display:none;visibility:hidden;}
	
	#menu ul {width:100%;}
	#menu li {border:none;}
	#menu .mnuTxt {display:none}
	#menu img {-display: inline;}

	.helptext{display:none;}
	
	#footer {visibility:hidden}
	.license {visibility:visible;}
	.deviceversions {visibility:visible;}
}
*/