a {
  color: #000000;
  text-decoration: none;
  outline: none;
}

a:hover, a.active {
  color:#ffc500;
  text-decoration: none;
}

p.more {
  text-align: right;
}
a.more {
  padding-right: 11px;
  background: right center no-repeat;
  float: right;
}

li a.more {
  float: none;
  display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}


a.back {
  float: right;
	padding-left: 10px;
	background: transparent url(/image/back.png) no-repeat scroll left center;
}
#footer ul {
				text-align: center;
				margin: 0px auto;
				padding-left: 160px;
				width: 907px;
				clear: both;
}
#footer ul li {
				list-style: none;
				float: left;
				width: 60px;
				height: 54px;
}
#footer ul li a {
				display: block;
				width: 100%;
				height: 100%;
				background: transparent none no-repeat center center scroll;
}
a.image {
	background: transparent no-repeat left top scroll;
}

a.image.tittle {
	text-align: center;
	color: silver;
	font-size: 10px;
}

a.image.box {
  display: block;
	float: left;
	margin: 5px;

	width: 140px;
	height: 140px;
}

a.image.box.tittle.bottom {
  height: auto;
	padding-top: 140px;
}







#fade {
  position: fixed;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  background: url(/image/fade.png) repeat;
  z-index: 99;
  padding: 0;
  margin: 0;
}

#fade .loading {
  position: absolute;
  width: 100%;
  height: 60%;
  background: url(/image/loadingAnimation.gif) no-repeat center center;
}

#fade .box {
  position: relative;
  text-align: center;
	margin-top: 100px;
}

#fade .box .content {
	display: inline;
	position: relative;
	padding-bottom: 19px;
}

#fade .box .content img.dst {
  padding: 10px;
	padding-bottom: 0px;
	display: inline;
}

#fade .box .content .control {
  position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

#fade .box .content img.dst, #fade .box .content .control {
  background: #FFFFFF;
}

#fade .box .content .control img {
  float: right;
}
img {
  border: none;
  display: block;
}

img.mini {
  float: left;
	margin: 5px;
}

* {
  margin: 0;
  padding: 0;
}
h3 {
font-size:15px
}
body  {
	background: url(/image/index/body-bg.png) repeat-x;
  font: 100% Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #000000;
	overflow-y: scroll;
}

object {
  display: block;
}

#page {
  position: absolute;
	display: block;
	width: 100%;
	top: 0px;
	bottom: 54px;
	left: 0px;
	right: 0px;
	text-align: center;
}
#container { 
	position: relative;
  width: 907px; 
  margin: 0 auto; 
  text-align: left; 
	padding-bottom: 54px;
	min-height: 100%;
	top: 0px;
	bottom: 0px;
} 
.index #header { 
  background-repeat: no-repeat;
  width: 907px;
  height: 45px;
  padding: 0 10px;  
  position: relative;
} 
#search {
  position: relative;
  float: right;
  margin: 15px;
  margin-bottom: 0px;
  line-height: 20px;
  z-index: 1337;
}
#search input {
  border: none;
  height: 20px;
	margin-top: 0px;
	margin-left: 5px;
}
#search input.search {
  width: 20px;
}

.index #sidebar1 {
  float: left; 
  width: 185px;
}
.index #sidebar1 .recipe-header {
  background: no-repeat center bottom;
	padding: 10px;
	padding-bottom: 20px;
}
.index #serwisKulinarny {
  width: 173px;
  height: 147px;
}
.index #sidebar2 {
  float: right; 
  width: 180px; 
  margin-top: 140px;
}
.index #sidebar2 ul {
  margin: 10px 0;
}
.index #sidebar2 .tips-header {
  text-align: center;
  margin-top: 15px;
}
.index h1, .index h2 {
  margin: 15px 0;
}
.index #sidebar1, .index #sidebar2 {
	padding-bottom: 20px;
}


.index #mainContent { 
  width: 493px;

  padding:10px;
  padding-left:27px;
  text-align:justify;
  margin: 0 185px 0 180px; 
	padding-right: 20px;
}

#mainBanner {
  float: left;
  width:537px; 
  height:262px;
  background: no-repeat center center;
	text-align: center;
}
.index #footer p {
  margin: 0; 
  padding: 10px 0; 
}
#menu {
  width: 910px;
  text-align: center;
  padding: 5px;
  list-style: none;
	margin-bottom: 15px;
}
#menu li {
  display: inline;
  padding: 0px 20px;
  background:url(image/index/menu-separator.png) no-repeat center left;
  
}
#menu li.first {
  background-image: none;
}
.fltrt { 
  float: right;
  margin-left: 8px;
}
.fltlft {
  float: left;
  margin-right: 8px;
}
.clearfloat { 
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
.corner {
  position: absolute;
  top: 0px;
  right: 0px;
	z-index: -1337;
}

#footer {
  height: 54px;
  background: no-repeat center center;
  width:907px;
  position: absolute;
  bottom:0px;
} 
.line-top, .line-bottom {
  width: 97px;
	height: 1px;
	background: transparent url(/image/index/line.png) no-repeat scroll center center;
}

.line-top { margin-top: 15px; }
.line-bottom { margin-bottom: 15px; }
p.j {
  text-align: justify;
}
div.arrow {
  width: 7px;
	height: 4px;
	margin-bottom: 10px;
}

#debug {
				text-align: left;
}

#debug ol {
				margin-left: 40px;
}

#debug div.page {
  border: 1px solid red;
	padding: 5px;
	margin: 2px;
}
ul.dot-1 li, ul.dot-8 li {
  background: 0px 3px no-repeat;
	padding-left: 10px;
}

ul {
  list-style: none;
}

ul li {
  display: block;
	position: relative;
}

ul li p {
  margin-top: 10px;
}




ul.tags {
	display: block;
	font-size: 90%;
  margin-top: 10px;
  margin-bottom: 15px;
}

ul.tags li, ul li ul.tags li {
  background-image: none;
  display: inline;
	margin-right: 5px;
	padding: 0;
}

ul.tags li a {
  border: 1px solid #F0F0F0;
	background: #F6F6F6;
	padding: 2px;
}

ul.tags li a:hover {
	background: #666666;
}




ul.ingredient {
  list-style: disc inside;
}

ul.ingredient li {
  display: list-item;
}





ul.attachment li {
  display: inline;
	margin-right: 6px;
}

.arrighi a:hover, .arrighi a.active { color: #cd1720; }


.de_cecco a:hover, .de_cecco a.active { color: #ddb426; }


.default a:hover, .default a.active { color: #ffc500; }


.grand_italia a:hover, .grand_italia a.active { color: #e31925; }

 

.limmi a:hover, .limmi a.active { color: #fe8f2e; }

 
 
.olitalia a:hover, .olitalia a.active { color: #f4ca04; }

.ponti a:hover, .ponti a.active { color: #d77319; }


.rio_mare a:hover, .rio_mare a.active { color: #f7b018; }


.serpis a:hover, .serpis a.active { color: #f50000; }


.valfrutta a:hover, .valfrutta a.active { color: #e31925; }

 
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* Nivo slider theme */

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(/image/loading.gif) no-repeat 50% 50%;
    margin-bottom:50px;

}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(/image/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/image/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}