body {
  color: #333; margin: 0; padding: 0; text-align: center;
  background: #ffe;
  margin: 0; padding: 0;
}
body, p, ol, ul, td {
  font-family: sans-serif, verdana, arial, helvetica;
  font-size:   14px;
  line-height: 18px;
}

p{margin: 10px 0; padding: 0px;}

a { color: #666; text-decoration: underline}
a:hover { color: #333;}
a img{border: none}

.force-center, .force-center *{text-align: center !important; margin: auto}
hr{border-bottom:1px dotted #4ba211 !important;border-top:none; border-left: none; border-right: none;}
hr, .hr-width{width: 95%; margin-left: auto !important; margin-right: auto !important}

textarea, input[type=text], input[type=password]  {border: 1px solid #666}

input[type=submit], input[type=text], input[type=password], label{font-size: 14px; }
input[type=submit]{width: 120px;}
input[type=checkbox]{display: inline;}
input[type=text], input[type=password], input[type=checkbox]{vertical-align: middle;}
textarea, input[type=text], input[type=password] {width: 300px;}
textarea{height: 50px;}
label{display: block; padding: 3px 0}

.checkbox label{display: inline; vertical-align: middle;}

h1, h2, h3, h4, h5, input, label{font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, sans-serif}
h1, h2, h3,  h4, h1 a, h2 a, h3 a, h4 a{ color: #4ba211; text-decoration: none !important;}
h1 a, h2 a, h3 a, h4 a{font-size: inherit !important;}

h1{ line-height: 28px; font-size: 26px;}
h2{ margin: 5px 0; padding: 0; font-size: 18px;}
h3{ margin: 5px 0 10px 0; font-size: 16px;}
h4{ margin: 5px 0; font-weight: bold; font-size: 14px;}
h5{ margin: 5px 0; font-weight: normal; font-size: 14px;}

ul.links{margin: 0; padding: 0;}
ul.links li{list-style: none; color: #666}
ul.links li a:hover{text-decoration: none}
ul.links li.no-link{padding-top: 5px;}
.border-top{border-top: 1px dotted #4ba211}
.border-bottom{border-bottom: 1px dotted #4ba211}

.translation_missing{color:red !important; font-weight: bold !important}

/** flash **/
#flash-overlay{
  position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
  opacity: 0.8; z-index: 990; cursor: pointer; background-color: #000;
  filter:alpha(opacity=25); zoom: 1;
}
#flash-wrapper {
  position: absolute; top: 30%; left: 0px; z-index: 991; text-align: center; width: 100%; cursor: pointer;
}
#flash {
  cursor: default;
  background-color: #fff; border: 5px solid #ccc; height: auto; width: 400px; padding: 20px 10px 0 10px; margin: 0 auto;
}
.f-notice *{color:green;}
.f-error *{color:#c00;}
.close{ color: #ccc; cursor: pointer; text-align: right; padding: 0 10px 10px 20px;}
/** !flash **/

/** layout **/
#grid-960{width: 960px; margin: 0 auto; text-align: left; position: relative;}
#grid-left{float: left; width: 220px; text-align: center;}
#grid-main{float: left; width: 720px; margin-left: 20px}

.cloud{background-position: top center; background-repeat: no-repeat; width: 100%; margin:0; text-align: left;}
.cloud-mid{background-repeat: repeat-y; padding: 10px 0 0 0;}
.cloud a{text-decoration: none;}
.cloud a:hover{text-decoration: underline;}

#cloud-1{margin: 10px 0;}
#cloud-1-top{background-image: url(/images/clouds/cloud-1-top.png); height: 30px;}
#cloud-1-mid{background-image: url(/images/clouds/cloud-1-mid.png); min-height: 150px;}
#cloud-1-bot{background-image: url(/images/clouds/cloud-1-bot.png); height: 30px;}
#cloud-1 .in-cloud{margin: -20px 15px 0 15px;color: #fff; min-height: 210px; padding: 2px 0;}

#cloud-1 ul.links{margin: 0 0 10px 0;}
#cloud-1 ul.links li{margin: 2px 0;}
#cloud-1 a{color: #eed;}
#cloud-1 a:hover{color: #ffe;}

#cloud-2{margin: 10px 0; }
#cloud-2-top{background-image: url(/images/clouds/cloud-2-top.png); height: 40px;}
#cloud-2-mid{background-image: url(/images/clouds/cloud-2-mid.png);}
#cloud-2-bot{background-image: url(/images/clouds/cloud-2-bot.png); height: 20px;}
#cloud-2 .in-cloud{margin: -35px 20px 0 20px; min-height: 220px; padding-bottom: 5px;}

#cloud-2 ul.links{margin: 0; }
#cloud-2 ul.links li{margin: 2px 0;}
#cloud-2 ul.links li.child{margin-left: 15px;}
#cloud-2 a{color: #333;}
#cloud-2 a:hover{color: #666;}
#cloud-2 ul.links li.featured a{color: #d40}
#cloud-2 ul.links li.featured a:hover{color: #333}

ul.image-list{margin-left: 20px !important; }
ul.image-list li{list-style: url(/images/li-icon.png); padding: 0; line-height: 20px;}

#cloud-3{margin: 10px 0;}
#cloud-3-top{background-image: url(/images/clouds/cloud-3-top.png); height: 130px;}
#cloud-3-mid{background-image: url(/images/clouds/cloud-3-mid.png); min-height: 200px}
#cloud-3-bot{background-image: url(/images/clouds/cloud-3-bot.png); height: 20px;}
#cloud-3 .in-cloud{margin: -110px 15px 0px 20px}

#cloud-r{margin: 10px 0 0 0;}
#cloud-r-top{background-image: url(/images/clouds/cloud-r-top.png); height: 140px;}
#cloud-r-mid{background-image: url(/images/clouds/cloud-r-mid.png); min-height: 200px}
#cloud-r-bot{background-image: url(/images/clouds/cloud-r-bot.png); height: 20px;}
#cloud-r .in-cloud{margin: -130px 30px 0px 30px}

#cloud-bw{margin: 10px 0 0 0;}
#cloud-bw-top{background-image: url(/images/clouds/cloud-bw-top.png); height: 140px;}
#cloud-bw-mid{background-image: url(/images/clouds/cloud-bw-mid.png); min-height: 200px}
#cloud-bw-bot{background-image: url(/images/clouds/cloud-bw-bot.png); height: 20px;}
#cloud-bw .in-cloud{margin: -130px 30px 0px 30px}

#rozsypaniec-header{}
#rozsypaniec-logo{float: left; width: 250px; margin: 0; padding: 0}
#ludki-and-links{float: left; width: 410px; margin: 0 0 0 25px;}

#rozsypaniec-header ul.links li{
  list-style: none; height: 25px; width:190px; float: left; margin: 5px;
  background-position: center center; background-repeat: no-repeat;
}
#rozsypaniec-header ul.links li.link-1 a{background-image: url(/images/link-bg-1.png)}
#rozsypaniec-header ul.links li.link-2 a{background-image: url(/images/link-bg-2.png)}
#rozsypaniec-header ul.links li.link-3 a{background-image: url(/images/link-bg-3.png)}
#rozsypaniec-header ul.links li.link-4 a{background-image: url(/images/link-bg-4.png)}
#rozsypaniec-header ul.links li.link-5 a{background-image: url(/images/link-bg-5.png)}
#rozsypaniec-header ul.links li.link-6 a{background-image: url(/images/link-bg-6.png)}

#rozsypaniec-header ul.links li a{
  margin: 0px 5px; text-align: center; text-decoration: none; display: block; width: 100%; line-height: 25px; height: 100%;
  font-weight: bold; letter-spacing: 2px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, sans-serif;
}
#rozsypaniec-header ul.links li a:hover{
  background-image: url(/images/link-bg-6.png); color: #eee !important;
}

#r-clouds .r-cloud{
  float:left; width: 320px; height: 320px; margin: 10px;
  background-position: center center; background-repeat: no-repeat;
}
#r-clouds .c1{background-image: url(/images/clouds/r-cloud-1.png)}
#r-clouds .c2{background-image: url(/images/clouds/r-cloud-2.png)}
#r-clouds .c3{background-image: url(/images/clouds/r-cloud-3.png)}
#r-clouds .c4{background-image: url(/images/clouds/r-cloud-4.png)}
#r-clouds .content{margin: 20px;}
#r-clouds .content h4{margin-top: 10px;}
.cloud h1{padding-bottom: 5px; border-bottom: 1px dotted #4ba211; font-size: 20px}
.cloud h2{padding-bottom: 5px; border-bottom: 1px dotted #4ba211; font-size: 18px}

#cloud-r h2{margin: 10px 40px 10px 10px; position: relative}

.content{overflow: hidden;}
.content p{padding: 0; margin: 5px 0}
.content a, .content p, .content span, .content li{font-size: 13px; text-align: justify;}
.content h3, .content h4{color: #333;}
.content .more-link{text-align: right; padding: 0 20px;}
.content a{text-decoration: underline}
.content a:hover{color: #4ba211}
.content ul{margin: 0 0 0 30px; padding: 0;}

.creator{text-align: right; padding: 0px 3px;}
.creator, .creator span{font-style: italic; font-size: 10px; color: #666; }
.creator span{font-style: normal; font-weight: bold}



#newsletter-box{padding: 15px 0}
#newsletter input[type=text]{width: 350px;}

#files-list{padding-top: 10px;}
#files-list a{margin: 5px;}
a.icon{padding: 0; line-height: 22px; padding-left: 19px; background-position: left center; background-repeat: no-repeat}
a.rss{background-image: url(/images/icons/rss.png)}

#date-corner{position: absolute; top: 10px; right: -10px; z-index: 10;}

.friends-links{ text-align: center}
.friends-links .friend-link{padding: 10px 0;}
.friends-links a{}
.friends-links img{border: 1px solid #333}
.friends-links .no-border img{border:none !important}

.banery input{width: 300px; display: block}

#side-newsletter{position: relative;}
#side-newsletter input{width: 90%; margin: 2px 0;}
#side-newsletter label{font-size: 14px; line-height: 14px;}
#side-newsletter input[type=text], #side-newsletter label{}
#side-newsletter input[type=submit]{width: auto}

.pictures{text-align: center}
.pictures-right{float:right;text-align: right; margin-left: 10px}
.pictures a{margin: 5px auto;}
.pictures img{border: 1px solid #666}

.wrzuta{text-align: center}
#footer{ height: 40px; color: #999}
#footer a{color: #999}
#in-footer{padding:10px;}
/** !layout **/

/** vendor **/
#twitter img{border: none}
iframe.FB_SERVER_IFRAME{height: 140px !important; overflow: hidden !important; width: 100% !important}

div.pagination{text-align: center;}
div.pagination a, div.pagination span, div.pagination em{font-size: 14px; text-decoration: none; font-style: normal}
div.pagination a{color: #4BA211}
/** !vendor **/

div.static-maps{text-align:center}
div.static-maps img{border:1px solid #333;margin:10px;}

.map-cloud{font-size: 11px;}
.map-cloud *{font-size: 11px !important;}

#locales {
  background-color: #4D7963;
  border: 1px solid #4D7963;
  -moz-border-radius: 4px; -webkit-border-radius: 4px;
  padding: 2px 0; margin: 0; text-align: center; position: absolute; top: 1px; right: -5px; z-index: 11;}
#locales span, #locales a{font-size: 13px; margin: 0; padding: 0; line-height: 13px; cursor: pointer;}
#locales span{color: #bba; float: left; margin: 0 5px 0 0;}
#locales a{text-decoration: none; color: #eed}
#locales a:hover{color: #bba}
#locales img{margin: 0px 5px;}

.errors-header{border: 1px solid #b00; color: #b00; padding: 10px; text-align: center; background: #ffa}
.hasError label, form span.error-message{color: #b00}
.hasError input, .hasError select, .hasError textarea{border: 1px solid #b00}
form span.error-message{padding-left: 10px;}

.travel-ad p span{font-size: 11px; color: #666}
.travel-ad-form textarea{height: 150px; width: 400px}
.travel-ad-form input[type="text"], .travel-ad-form input[type="password"] {width: 400px}
h2.with-link a{text-decoration: underline !important; font-size: 80%; float: right; font-weight: normal;}
h2.with-link a:hover{text-decoration: none !important;}

.photos a{display: block; padding: 0; float: left; margin: 10px; line-height: 0px;}
.photos a img{border: none; margin: 0}
.photos a{border: 1px solid #666;}
.photos a:hover{border: 1px solid #4ba211;}

.photos a.more{ line-height: 60px; width: 75px; height: 75px; text-decoration: none; text-align: center; background-color: #eee;}
.photos a.more{font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, sans-serif}

.honeypot{display: none;}
.hidden{display: none;}
.out{display: none}
.clearme{clear: both !important; line-height: 0px !important; height: 0px !important; width: 0px !important;}
.justify{text-align:justify}
.bold{font-weight: bold;}
.italic{font-style: italic}
.center{text-align: center;}
.textright{text-align: right !important;}
.left{float:left}
.right{float:right}
img.logo{border: 1px solid #333}
img.right{margin: 5px 5px 15px 15px}




/**
 * 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: 0;
    margin: 1px;
}