/*	C S S	*/

@import url('https://fonts.googleapis.com/css?family=Cabin+Sketch:700&text=Receptes.cat'); /* Title logo */
@import url('https://fonts.googleapis.com/css?family=Oswald:300'); /* For share buttons */

/*@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:400,700|Fira+Sans+Extra+Condensed:400,700|Fira+Sans:400,700&display=swap');
/*@import url(https://fonts.googleapis.com/css?family=Prosto+One);*/
/*@import url(https://fonts.googleapis.com/css?family=Economica:700);*/
/* @import url(https://fonts.googleapis.com/css?family=Bad+Script); */

@import url(https://fonts.googleapis.com/css?family=Marmelad:400,700&subset=latin);

@import url(https://fonts.googleapis.com/css?family=Bitter:400,400italic,700); /* per tiles ...!kk */


html {
	width: 100%;
	max-width: 100%;
}
body {
	width: 100%;
	max-width: 100%;

	color:#333333;
	font-family: 'Fira Sans', Thaoma, Arial, Verdana, sans-serif, Helvetica;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	background-image: url(img/content-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
}

a:link    {text-decoration: none; color: #009900; -border-bottom:#00CC33 1px dotted}
a:visited {text-decoration: none; color: #009900; -border-bottom:#00CC33 1px dotted}
a:active  {text-decoration: none; color: #009900;}
a:hover   {-text-decoration: underline; color: #00CC00; -text-shadow:#F7F7F7 1px 1px 1px}

img.bullet {vertical-align:middle}

span.nobr	{
	white-space: nowrap;
}


/* Users lists */

.usr_name {
	-color:#009900;
	font-variant:small-caps;
}

.usr_avatar {
	border-radius:25px;
	vertical-align:middle;
/*	border:1px solid #009933;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease; */
}
.usr_avatar:hover {
/*	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	transform: rotate(7deg);
	border-color: #00CC00; */
	---box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
}
a:hover .usr_avatar {
	opacity:0.8; filter:alpha(opacity=80);
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
}








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

/* Top right page session info */
.sess_name {
	text-shadow:#71BE54 0px 0px;
	color:#000 !IMPORTANT;
}
.sess_memu_pulldown_button {
	vertical-align:middle;
}

#sess_menu {
	padding: 0px;
	background-color:#FFFFFF;
	border:#CCCCCC 1px solid;
	border-radius:2px;
	box-shadow: 0px 2px 10px rgba(0,0,0,.2);
	
	position:absolute;
	top:62px;
	right: 4px;
	z-index:999;
	overflow:hidden;
	text-overflow: ellipsis;
}
.sess_menulist {
	list-style-type:none;
	padding-left:0px;
	margin:0px;
}

.sess_menuitem a:link, .sess_menuitem a:visited {
	display:block;
	-margin: 8px;
	padding: 8px;
}
.sess_menuitem:hover {
	color:#FFFFFF;
	background-color:#7CCC5D;
	background:linear-gradient(#70B653, #7CCC5D);

}
.sess_menuicon {
	vertical-align: middle;
	width:16px;
	height:16px;
}
.sess_menutext {
	color:#000000;
	font-size:12px;
	vertical-align:middle;
}
.sess_menuclose {
	padding: 2px;
	font-size:9px;
}
.sess_avatar:hover {
	opacity:0.8; filter:alpha(opacity=80);
	----border:#003300 1px solid;
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.8);
	cursor:pointer;
}




#header{} /* DEPRECREATED */

#page_header {
margin: 0px;
padding: 0px;
height: 62px;
	background-color: #7CCC5D;
	background-image: url(img/head-bg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	-background-position: 0pt 70px;
	background-position: bottom;
	-color: #424242;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial,Helvetica,sans-serif;
	border-bottom: #669900 solid 1px;
}
#page_header h1, .page_header_text {
	text-align:center;
	margin: 0px;
padding: 4px;
color:#fff;
	font-family:'Cabin Sketch', "trebuchet ms", Geneva, Arial, Helvetica, sans-serif;
	font-size: 42px;
	font-weight:bold;
	-text-shadow: #336600 1px 1px;
}
#page_header a {
	-color: #CCFF99;
	color: #006600;
	text-decoration:none;
}
#page_header a:hover {
	color: #C6FFCD;
}
#page_header p {
	text-align:center;
	margin: 0px;
padding: 0px;
color:#adc6e4;
}
#slogan {text-shadow: #EAFEC5 1px 1px 1px; font-face: 'Fira Sans Extra Condensed';}




#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;
	text-shadow:#336633 0px -1px 1px;
	font-family: 'Fira Sans Extra Condensed', Thaoma, Arial, Verdana, sans-serif, Helvetica;
}

#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;
}




#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;
}




#content {
	margin-top:0px;
	border-top: 1px solid #006600;
}

div.content {
	padding: 16px;
}

#leftsidebar {
	border-right: #009900 1px solid;
	width:164px;
	padding-right: 0px;
}


#rightsidebar {
	width:184px;
	border-left: #CCFFCC 1px dotted;
	padding-left: 4px;
}

#rightsidebarcontent {
	margin-top: 4px;
	margin-left: 0px;
	margin-right: 4px;
}



/* Author info */

#own_card {width:180px; margin-top:32px; -background:#F1F1F1; -border-radius:8px; -border-color: #D6D6D6; -border-width: 1px; -border-style: solid; -box-shadow: 1px 1px 1px  #E7E7E7}
#own_avatar {width:180px; height:180px; border-radius:90px; border:0px solid; -border-top-right-radius: 8px;-border-top-left-radius:8px;
	background-color: #F0F0F0;
}
#own_text {padding: 4px;}
#own_name {font-weight:bold; 
	font-variant:small-caps;
	-text-transform:uppercase;
	text-align:center;  display:inline; width:auto; color:#000000 !IMPORTANT; --background-color:#000000;  --color:#F0F0F0 !IMPORTANT; --padding: 4px;}
#own_place {font-stretch: condensed;}
#own_city {font-size:13px; font-weight:bold; color:#333333;}
#own_region {}
#own_bio {font-size:small; padding-top:4px; overflow: hidden; color:#666666;}
.marker_location {vertical-align:middle; width:16px; height:16px;}


/* OLD VCARD ini*/
.vcard {margin-bottom:0px;}
img.avatar {
	width:180px;
	border: 0px solid #666666;
	border-top-right-radius: 8px;border-top-left-radius:8px;
}
a.fn {font-weight:bold;
	-background:#F1F1F1;
	width:180px;
	margin-bottom: 0px;
	display:block;
}
.aboutme {
	margin-top: 0px;
	border-bottom: 1px solid #D6D6D6;
	-border-right: 1px solid #D6D6D6;
	border-bottom-right-radius: 8px;border-bottom-left-radius:8px;
	padding: 4px 8px;
	font-size:small;
	-background: #FFFFFF url(img/widget-bg.gif) bottom repeat-x;
	-width: 160px;
	background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(241,241,241,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(241,241,241,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(241,241,241,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	overflow: auto;
}
/* OLD VCARD end */

#rightsidebarcontent h4, #rightsidebarcontent .sidebartitle, #leftsidebarcontent .sidebartitle,.sidebartitle {
	font-family: Marmelad, Arial,Helvetica,FreeSans,clean,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 1em;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	color: #356520;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dbefc1;
	margin-bottom: 5px;
}

#central {
	max-width: 100%;

	vertical-align: top;
	padding-left: 16px;
	padding-right: 16px;
}

/* Latest Recipes lateral list */
ul.latestposts {
	margin:0px;
	padding:0px;
}
ul.latestposts li{
	list-style:none;
	font-size:12px;
	font-weight:bold;
	margin-top: 4px;
	padding-top: 4px;
	padding-bottom: 8px;
	margin-bottom: 4px;
	border-bottom: #DBEFC1 1px solid;
}
ul.latestposts li a:hover{
	-text-decoration:underline;
}
ul.latestposts li a:hover img {opacity:0.8;filter:alpha(opacity=80);border:1px solid #333333;}
ul.latestposts li img {text-decoration:none; border:1px solid #CCCCCC;}


/* Login forms and other forms */

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


.logfield, .logbutton{
	padding-top: 4px;
}


a.loginformoption, a.loginformoption:link, a.loginformoption:visited {
	color: #336600;
	font-size:11px;
	padding-left:2px;
}
a.loginformoption:hover {
	text-decoration:underline;
}



.textbox:focus:placeholder-shown{
   ---color:transparent; /*Same input text background color*/
}
.textbox:focus::placeholder{
	color:transparent; /*Same input text background color*/
}
.textbox:focus::-webkit-input-placeholder{
   ---color:transparent; /*Same input text background color*/
}
.textbox:focus:-moz-placeholder {
    ---color:transparent;
}
.textbox:focus::-moz-placeholder {
    ---color:transparent;
}
.textbox:focus:-ms-input-placeholder {---color:transparent;} /* Internet Explorer */





.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;
}


/* */
.btn {
	color:#666666;
	----white-space:nowrap; 
	font-size:10px; 
	text-decoration:none;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 4px;
display: compact;
 	
	border:#999999 1px solid;

	border-top-color:#CCCCCC;
	border-left-color:#CCCCCC;
	-moz-border-radius: 4px; border-radius: 4px; 
	padding: 4px; 
	box-shadow: 1px 1px 1px #AAAAAA;
	background-color: #F7F7F7;
	-background-image:url('/styles/img/widget-bg.gif');
	background-image: linear-gradient(#F0F0F0, #E7E7E7);
}
.btn:link, .btn:visited {color:#666666;} 
.btn img {vertical-align:middle;} 
.btn:hover {
	border: #666666 1px solid;
	background-image: none;
	 background-color:#FFFFFF;
	 color:#999999;
	-background-image:url('/styles/img/head-bg.gif');
}
.btn:hover img {filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60} 


/* Views */
#views{}

.view_option_selected {
	font-size:10px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 4px;
	
	background-color: #FFF;
	border:#999999 1px solid;
	border-radius: 4px; 
	padding: 4px; 
}



/* Control Panel */

.groupheader {
	font-size:large;
	font-weight:bold;
	padding-left: 4px;
	background-color:#EBE9DE;
	background-image: url('img/footer-bg.gif') !important;
	background-position:top !important;
	background-repeat:repeat-x;
	margin-top: 0px;
	border-top: 0px;
	border-collapse:collapse;
}



/* */




#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;
}

/* H O M E   P A G E   */
/* Destacades Tiles */
#tilescontainer {
	--height: 765px; 
	height: 640px; 
	overflow:hidden;
	margin-bottom: 16px;
}
.tile {
	width: 258px; 
	height: 188px; 
	float: left;
	 --margin-right: 8px; --margin-bottom: 8px; 
	margin: 4px; 
	padding:8px;
	overflow:hidden;
	cursor:pointer;
}
.tile:hover {
	background-color:#FF9900;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	transition-delay: 0s;
}
.tile:hover .tiletitle a{
	color:#FFFFFF;
}
.tilesummary {
	line-height:0.6%;
}
.tile:hover .tilesummary{
	color:#333333;
}
.tile .photo {
	width: 256px;
	height: 144px;
}
.tiletitle {
	font-family: Marmelad, 'Fira Sans Extra Condensed', 'Fira Sans', Bitter, Thaoma, Arial, Verdana, sans-serif, Helvetica;
	font-stretch: condensed;
	line-height: 1.2em;
}
/* Destacades list */
.listitemscontainer {
	list-style-type: none;
	--list-style-image:url(img/bullet-icon.gif);
	margin-left: 0px;
	padding-left: 4px;
}
.listitemtitle {
	font-family: Marmelad, 'Fira Sans Condensed', 'Fira Sans',  Bitter, Thaoma, Arial, Verdana, sans-serif, Helvetica;
	font-weight:bold;
	font-size:16px;
}



/* 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;
	
	/* Only one line */
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;	
}
.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 top Alert box */
div.alert {
	background-color:#FFF0F0;
	background-image: url(img/foot-bg.gif);
	border: 1px solid #AAAAAA;
}


.category {

}

.categoryIco {
	width:16px;
	height: 16px;
	vertical-align:middle;
}



/* RECIPE */

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

.h {	/* Recipe section header */
	font-size: 1.25em;
	color:#009933; 
	font-family: Marmelad, "trebuchet ms", Geneva, Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px #CCC;
}

p.directions {
	----font-family:'Bad Script', Geneva, Arial, Helvetica, sans-serif;
	-text-align: justify;
}

.directions > br {content: "";
  margin: 0.3em;
  display: block;
  font-size: 24%;}

.ingredientslist {
	----font-family:'Bad Script', Geneva, Arial, Helvetica, sans-serif;
}

.reference {}
.ext_lnk {
	vertical-align:middle;
	cursor:help;
}
a:hover .ext_lnk{
	opacity:0.6;filter:alpha(opacity=60);
}

.summary {
	----font-family:'Bad Script', Geneva, Arial, Helvetica, sans-serif;
}

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

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

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



img.photo {
	border: 1px solid #666666;
	max-width: 100%;
}

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

.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;
	max-width:100%;
	overflow:hidden;
	text-overflow: ellipsis;
}


/* Author */
img#author_avatar {
	width:180px;
	border: 1px solid #666666;
}


/* Related articles */
.related_articles {margin:0px; padding:0px;}
.related_article {list-style-type:none; border:none !important; margin-bottom:8px; clear:both; font-size:small; color:#666666;}
.related_article:hover {-padding-left: 4px; color:#000000;}
.related_article_title {font-size:1.2em; font-weight:700; font-family: Marmelad, "trebuchet ms", Geneva, Arial, Helvetica, sans-serif; font-stretch: condensed;
}
.related_article_image {float:left; margin-right: 4px; margin-bottom: 8px; border:1px solid #CCCCCC;}
.related_article a:hover img {opacity:0.8;filter:alpha(opacity=80);border:1px solid #333333;}
.related_article .pic {width:16px; height:16px;}
.related_article .category {-font-size:medium;}

/* 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;
}

ul.ingredientslist{
	list-style-image:url(img/bullet.gif);
	/*list-style-type: circle; */
	margin-left: 0px;
	padding-left: 16px;
	list-style-position: outside;
	
	padding-top: 0px; margin-top: 2px;
}
ul.ingredientslist li{
	margin-bottom: 0px;
	padding-bottom: 2px;
	margin-left: 0px;
	padding-left: 0px;
}

.ingredientssubtitle, .directionssubtitle {
	margin-bottom: 0px; padding-bottom: 0px;
	color:#333;	-color: #356520;
}


a.tag {
	border: 1px solid #CC9900;
	border-bottom-color:#996600;
	border-right-color:#996600;
	border-radius: 9px 0px 0px 9px;
	padding-right: 4px;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #F9E28A;
	text-decoration: none;
	color:#606000;
	box-shadow: 1px 1px #CCCCCC;
	margin: 1px;
	font-size: 11px;
	
	white-space:nowrap;
	
    background-image: linear-gradient(rgb(254, 254, 218), rgb(238, 221, 101));

}

a.tag:hover {
	-background: #E6BE22;
	color:#666600;
	opacity:0.8;filter:alpha(opacity=80);
}

.tag:before {
    content:'●  ';
	color:#996600;
}

.tag:after {
}

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


/*  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;}

.captcha {
	width:50px;
	height:24px;
	vertical-align:middle;
}
	

/* Pagebar (Page list) */
.pagebar {
	clear:both;

	padding: 0.2em 0em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	-border: 1px solid #fff;
	text-decoration: none;
	text-align: center;
	font-size:18px;
	
	line-height:2.5em;
}

.pagebar a, .this-page {	/* common to all bottons */
	color:#FF6600;
	border: 1px solid #FF6600;
	text-decoration: none;
	---padding: 0.2em 0.5em;
	padding: 4px 8px;;
	min-width: 30px;;
	background: #fff;
	border-radius: 4px;
	margin:8px;
	
	white-space:nowrap;
	---display: inline-table;
}

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

.pagebar a:hover {
	color: #FFAA82;
	border-color: #FFAA82;
}

.pagebar .this-page {	/* Current page (no link) */
	border: 1px solid #FF6600;
	---padding: 0.2em 0.5em;
	font-weight: bold;
	background: #FF6600;
	color: #fff;
}
.next, .prev, .first, .last {/* Simbol buttons, not numerics */
}

/*
.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;
}
*/


/*  A R T I C L E S  */ 
.articletitle {margin-bottom: 2px; text-decoration:none; font-size: 1.4em;}
.articleteaser {color:#333333; text-align:justify; font-weight:bold; font-size:0.9em; margin-bottom: 8px;}
.articleabstract {color: #758d38;font-size:12px;font-stretch:condensed;font-weight:bold;}

.article > img [align="left"], .article > img [align="left"]{
	margin-right: 1em;
	padding: 4px;
}

/* F O R U M */
.forumsubject {
	font-size:1.8em; 
	color:#CC3366;
	text-shadow: 0px 1px 1px #56031F; 
	--border-top: #CCCCCC 1px solid;
	margin-top: 4px;
	padding-top:4px;
	border-bottom: none; 
	padding-bottom: 4px; 
	margin-bottom:4px;
	font-family: Marmelad, "trebuchet ms", Geneva, Arial, Helvetica, sans-serif; 
}
.forumsubject a:link, .forumsubject a:visited, .forumsubject a:active {color:#CC3366;}
.forumsubject a:hover {color: #EE5588; -text-decoration:underline;}

/* Comments */
table.comments {
	width: 100%;
	border-collapse: collapse;
}
tr.comment {-width: 100%}
td.user {
	width: 50px;
	background: url(/styles/img/balloon_beak.gif) no-repeat top right;
	padding-right: 15px;
	margin-right: 0px;
	border-right: 0px;
}
td.comment_text {
	border-spacing: 0;
	margin-left: 0px; 
	padding-left: 0px;
	margin-right: 8px;
	padding-right: 8px;
}
.balloon {
	background: url(/styles/img/foot-bg.gif) repeat-x #FFFFFF;
	border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;
	width: 100%;
	max-width: calc(100% - 16px);
	padding: 8px;
	---padding-bottom:16px;
	margin-bottom:16px;
	matgin-right: 16px;
	border-bottom: 1px solid #DDD38E;
	border-right: 1px solid #DDD38E;
	-box-shadow: #6374AB 1px 1px 1px;
	box-shadow: 1px 3px 3px #EEEEEE; -webkit-box-shadow: 1px 3px 3px #EEEEEE; -moz-box-shadow: 1px 3px 3px #EEE;

}
.who_say {font-weight:bold; font-size:11px;}
.balloon_field {
	width: calc(100% - 8px);
	----max-width:100%;
	overflow: hidden;
	padding-right: 16px;
	padding: 4px;
	---margin:4px;
	---margin-right: -4px;
	background-color: transparent;
	border: 1px dashed #000000;
}
.balloon_field:focus::placeholder{
   color:transparent; /*Same input text background color*/
}
.balloon_field:focus:placeholder-shown{
   ---color:transparent; /*Same input text background color*/
}
.balloon_field:focus::-webkit-input-placeholder{
   ---color:transparent; /*Same input text background color*/
}
.balloon_field:focus:-moz-placeholder {
    ---color:transparent;
}
.balloon_field:focus::-moz-placeholder {
    ---color:transparent;
}
.balloon_field:focus:-ms-input-placeholder {---color:transparent;} /* Internet Explorer */


/* Top search box */

.bigform input, .bigform button {
	font-size: 1.2em;
}
.icoSearch {
	width:16px;
	height:16px;
	----padding-top:8px;
	----vertical-align: text-top;
}

.bigform {display: inline-block; width:auto; margin: 0 auto; border:#006633 1px solid; border-radius:4px; background-color:#FFFFFF; padding: 4px; box-shadow: #75BF57 -1px -1px 1px;}

.searchbox {
	border:none; 
	margin-left:4px;
	width:18em;
	max-width:100%;
}

.searchbox::placeholder {
   color:gray;font-size:16px; font-weight: 400; font-style:italic;
}
.searchbox::-webkit-input-placeholder {
   color:gray;font-size:16px; font-weight: 400; font-style:italic;
}
.searchbox:-moz-placeholder { /* Firefox 18- */
   color:gray;font-size:16px; font-weight: 400; font-style:italic;  
}
.searchbox::-moz-placeholder {  /* Firefox 19+ */
   color:gray;font-size:16px; font-weight: 400; font-style:italic;  
}
.searchbox:-ms-input-placeholder {  
   color:gray;font-size:16px; font-weight: 400; font-style:italic;  
}

/*
#boxSearch:focus::placeholder, #boxSearch:focus:placeholder-shown, #boxSearch:focus::-webkit-input-placeholder, #boxSearch:focus:-moz-placeholder, #boxSearch:focus::-moz-placeholder, #boxSearch:focus:-ms-input-placeholder {
   color:transparent; 
}
*/
.searchbox:focus::placeholder{
   color:transparent; /*Same input text background color*/
}
.searchbox:focus::-webkit-input-placeholder{
   color:transparent; /*Same input text background color*/
}
.searchbox:focus:-moz-placeholder{
   color:transparent; /*Same input text background color*/
}
.searchbox:focus::-moz-placeholder{
   color:transparent; /*Same input text background color*/
}
.searchbox:focus:-ms-input-placeholder {
   color:transparent; /*Same input text background color*/
}


/* Agenda */
.agendaimage[alt] {color:transparent; font-size:6px; -display:none;} 




/* Social Share */
.socialnets {
	vertical-align:top; 
	padding-top:16px; 
	padding-left: 0px;
	margin:0px;
	
	font-family:"Oswald", Arial, Helvetica, sans-serif
}
.socialnets a {
	white-space: nowrap;
	font-family:"Oswald", Arial, Helvetica, sans-serif
}

ul.socialsharebuttons {
	margin-left:0px;
	padding-left:0px;
}

.socialsharebuttons li{
	display:inline-block;
	--width:14%;
	-height: 44px;
	text-align:center;
	box-sizing:border-box;
	---font-size:11px;
	font-size:1rem;
	color:#fff;
	-vertical-align:middle;
	margin-left: 2px;
	margin-bottom: 4px;
	padding:0px;
	border-radius: 2px;
	border: 1px solid;
	box-shadow: 1px 1px 1px #DDD;
}
.socialsharebuttons li:hover{
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.socialsharebuttons li a{
	color:#fff;
	display:block;
	margin:0px;
	padding:2px;
	---height: 28px;
	vertical-align:middle;
}
.socialsharebuttons li.whatsapp {
	background-color: #0F9D58;
	border-color: #009900; 
}
.socialsharebuttons li.twitter {
	background-color: #88C9F9;
	border-color: #88BDE2; 
}
.socialsharebuttons li.facebook {
	background-color: #415E9B;
	border-color: #44619D; 
}
.socialsharebuttons li.googleplus {
	background-color: #DB4437;
	border-color: #CC0000; 
}
.socialsharebuttons li.googleplus a {
	padding-top:4px;
}
.socialsharebuttons li.delicious {
	background-color: #999999;
	border-color: #828282;
}
.socialsharebuttons li.pinterest {
	background-color:#E60023;
	border-color: #CC0000;
}
.socialsharebuttons li.linkedin {
	background-color: #0066CC;
	border-color: #003366;
}
.socialsharebuttons li.email {
	background-color: #E1D322;
	border-color: #C6B81F;
}
.socialsharebuttons li.telegram {
	background-color:#61A8DE;
	border-color: #259CD7;
}
.socialsharebuttons li.sms {
	background-color: #999999;
	border-color: #666666;
}
.socialsharebuttons li a img, .socialshareicon {
	width: 24px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: top;
}


/* OK feedback textbox */
.feedback {
	
}


/* Options */
#options {
	margin-top: 16px;
}
.option {
	margin-top: 8px;
}

/* Promos top content */ 
#promobanner {
	max-width:99%;
	overflow:hidden;
	text-overflow: ellipsis;
	background-color: #FFFFCC;
	color: #333333;
	-text-shadow:0px 0px 1px #666666;
	line-height: 80%;
}
#promobanner a, #promobanner a:link, #promobanner a:visited, #promobanner a:active {
	color:#FFFF00  !IMPORTANT;
}
#promobanner:hover {
	cursor:pointer;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	border:#CC0000 2px solid;
	
	-background-color: #CC33CC !important;
	color: #CC0000 !important;
	text-shadow:0px 0px 1px #333333;
}
#promobanner:hover img {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

/* Cookie advise. */
div.cookiebanner {
	--width:100%;
	--max-width:100%;
}


/* Media print */
@media print {
    .no_print {display:none; visibility: hidden;}
	
	#cookiebanner, .cookiebanner {display:none; visibility: hidden;}
	
	#header h1{-vertical-align: bottom; -font-size:18px}
	#loginform, #leftsidebar, #rightsidebar, #menu, #options, .socialnets {display:none}
	#voting {display:none;}
	#related {display:none;}

	#favorite {display:none} /* Fav star */
	#footer {visibility:hidden}
	.license {visibility:visible;}
	
	#contact {display:none;}
	#like {display:none;}
	div.like_txt{display:none;}

	#promobanner {
		display:none;
	}

	a.ltbtn{display:none;}
	
	div#bookmarked{display:none;}

	div.enrol{display:none;}

}

@media handheld {
    .no_print {display:none; visibility: hidden;}
    .no_mobi {width:0px;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;}

}

/* iPhone & Android devices */
@media only screen and (max-device-width: 480px) {
    .no_print {display:none; visibility: hidden;}
    .no_mobi {width:0px;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;}

	div.pagetext {margin-left:0px;}
	
	.helptext{display:none;}

	.pagnavtxt {display:none;}
	
	#footer {visibility:hidden}
	.license {visibility:visible;}
	.deviceversions {visibility:visible;}
}


/* Portrait */
@media screen and (max-width: 480px)
{
    .no_print {display:none; visibility: hidden;}
    .no_mobi {width:0px;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 .loginformtxt, #loginform .textbox, #loginform .logfield {display:none}
	#leftsidebar, #rightsidebar, #qrcode, #slogan {display:none}
	
	.social_text {display:none}
	
	#menu li {border:none;}
	#menu .mnuTxt {display:none}
	#menu img {-display: inline;}
	
	.search_button_text{display:none;}
	
	.helptext{display:none;}
	
	.forumsubjectsindex .comment {display:none;}

	.pagnavtxt {display:none;}
	
	#footer {visibility:hidden}
	.license {visibility:visible;}
	.deviceversions {visibility:visible;}
	
	td.user {display:none; visibility: hidden;}
	
	#promobanner {font-size:small;}
}



/* Landscape */
@media screen and (max-width: 640px)
{
    .no_print {display:none; visibility: hidden;}
    .no_mobi {width:0px;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, #qrcode, #slogan {display:none;visibility:hidden;}
	
	#menu li {border:none;}
	#menu .mnuTxt {display:none}
	#menu img {-display:block;}

	.helptext{display:none;}

	.pagnavtxt {display:none;}
	
	#footer {visibility:hidden}
	.license {visibility:visible;}
	.deviceversions {visibility:visible;}

	#promobanner {font-size:small;}
}

@media all and (max-width: 1200px) {
	#slogan {display:none;visibility:hidden;} /* Slogan no sotaposat a login form */
}

@media all and (min-width: 1300px) {
                ul.ingredients {
                        -moz-column-count: 2; /* Firefox */
                        -webkit-column-count: 2; /* Safari, Chrome */ 
                        column-count: 2; 
                        -moz-column-gap: 1.5em; /* Firefox */ 
                        -webkit-column-gap: 1.5em; /* Safari, Chrome */
                        column-gap: 1.5em;
                        -moz-column-rule: 1px dotted #ccc; /* Firefox */
                        -webkit-column-rule: 1px dotted #ccc; /* Safari, Chrome */
                        column-rule: 1px dotted #ccc;
                }
}

@media (min-width: 640px) {
	li.whatsapp, li.sms, li.telegram{
		display:none;
		visibility: hidden;
	}
	/* Promos top content */ 
	#promobanner {
		font-size:10px;
	}

	.pagnavtxt {display:none;}

}