/*
Title:      CIT IWONICZ
Author:     Peter Lukanko, webmaster@apstudio.biz
Updated:    Oct 28 2008
Notes:		Main stylesheet for CIT webpage.
*/
body { 
margin: 0 auto; 
background: #ececec url(../images/main_bg.jpg) repeat-x 0 0;
font-family: tahoma, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', lucida, sans-serif;
font-size: 0.7em;
text-align: center;
line-height: 120%;
}
/* ---[ layout ]----------------------------- */	
#wrap {
width: 780px;
text-align: center;
margin: 0 auto;
}

#header { height: 245px; }

#container {
	width: 780px;
	background: transparent url(../images/content_bg.jpg) repeat-y 0 0;
	text-align: left;
}
* html #center	{ display: inline; }
#center {
	float: left;
	margin-left: 181px !important;
	margin-left: 181px;
	width: 418px !important;
	width: 418px;
	background: transparent url(../images/content_shadow.jpg) repeat-x 0 0;
}
#content {
	margin: 10px;
	text-align: left;
}
#sidebar-left {
	width: 175px;
	float: left;
	margin-left: -599px !important;
	margin-left: -599px;
}
#sidebar-right {
	width: 175px;
	float: left;
	margin-left: 6px !important;
	margin-left: 5px;	
}
/* ---[ boxes ]----------------------------- */
div.inbox {
	padding: 90px 10px 5px 20px;
	color: #FFFFFF;
}
#box-i div.inbox {
	padding: 40px 20px 5px 20px;
	color: #FFFFFF;
	text-align: center;
}

#box-cit, #box-it, #box-g, #box-z, #box-i, #box-w, #box-k, #box-z { width: 175px; }
#box-cit-b, #box-it-b, #box-g-b, #box-a-b, #box-i-b, #box-w-b, #box-k-b, #box-z-b { height: 20px; }

#box-cit { background: url(../images/box_cit_t.jpg) no-repeat 0 0; }
#box-cit-b { background: url(../images/box_cit_b.jpg) no-repeat 0 0; }

#box-it { background: url(../images/box_it_t.jpg) no-repeat 0 0; }
#box-it-b { background: url(../images/box_it_b.jpg) no-repeat 0 0; }

#box-g { background: url(../images/box_g_t.jpg) no-repeat 0 0; }
#box-g-b { background: url(../images/box_g_b.jpg) no-repeat 0 0; }

#box-z { background: url(../images/box_z_t.jpg) no-repeat 0 0; }
#box-z-b { background: url(../images/box_z_b.jpg) no-repeat 0 0; }

#box-a { background: url(../images/box_a_t.jpg) no-repeat 0 0; }
#box-a-b { background: url(../images/box_a_b.jpg) no-repeat 0 0; }

#box-i { background: url(../images/box_i_t.jpg) no-repeat 0 0; }
#box-i-b { background: url(../images/box_i_b.jpg) no-repeat 0 0; }

#box-w { background: url(../images/box_w_t.jpg) no-repeat 0 0; }
#box-w-b { background: url(../images/box_w_b.jpg) no-repeat 0 0; }

#box-k { background: url(../images/box_k_t.jpg) no-repeat 0 0; }
#box-k-b { background: url(../images/box_k_b.jpg) no-repeat 0 0; }
/* ---[ box menu ]------------------------------- */
div.inbox ul {
list-style-type: none;
padding: 0;
margin: 5px;
}

div.inbox ul li.current_item {
background: url(../images/point_active.png) no-repeat 0 4px;
color: #ffffff;
padding-left: 10px;
}

div.inbox li {
background: url(../images/point.png) no-repeat 0 4px;
padding-left: 10px;
}

div.inbox ul a, div.inbox ul a:link, div.inbox ul a:visited {
text-decoration: none;
border: 0 none;
color: #ededed;
}

div.inbox ul a:hover {
text-decoration: underline;
border: 0 none;
color: #cccccc;
}

/* ---[ footer ]---------------------------- */
#footer {
position: relative;
clear: both;
height: 35px;
padding-top: 10px;
background: transparent url(../images/footer.jpg) no-repeat 0 0;
}

/* ---[ bottom menu ]------------------------------- */
#bottomMenu {
text-align: center;
width: 80%;
margin: 0 auto 10px;
padding: 0;
font-weight: bold;
}
#bottomMenu ul {
list-style-type: none;
margin: 0;
padding: 5px 0 5px 0;
}
#bottomMenu ul li {
display: inline;
margin: 0 4px;
}
#bottomMenu ul a, #bottomMenu ul a:link, #bottomMenu ul a:visited {
text-decoration: none;
border: 0 none;
color: #aaaaaa;
}
#bottomMenu ul a:hover {
text-decoration: underline;
border: 0 none;
color: #999999;
}
#bottomMenu .here {
color: #333333;
text-decoration: none;
}
/* ---[ footer-txt ]------------------------- */
#footer-txt {
text-align: center;
color: #999999;
font-size: 0.9em;
}
#footer-txt a:link, #footer-txt a:visited {
color: #999;
border-bottom: 1px solid #aaa;
}
#footer-txt a:hover {
color: #ccc;
border-bottom: 1px solid #999;
}
#footer-txt span.madeBy {
padding: 10px;
}
#footer-txt span.madeBy img, #footer-txt span.madeBy a {
border: 0 none;
}

#footer-txt table {
text-align: center;
margin: 5px auto;
}

/* ---[ clock ]------------------------------- */
#clock {
margin: 0;
padding: 0;
}
#clock input {
width: 90%;
text-align: center;
border: 0 none;
background: none;
color: #ededed;
font-size: 0.9em;
margin: 0;
padding: 0;
}

/* ---[ weather ]------------------------------- */
#weather {
padding: 0;
margin: 10px 0 0 5px;
font-size: 0.9em;
}
#weather img {
float: left;
margin: 0;
padding: 0;
}
/* ---[ breadcrumbs ]------------------------------- */
#crumbs {
text-align: center;
font-size: 0.9em;
color: #333333;
}
#crumbs a, #crumbs a:link, #crumbs a:visited {
color: #666666;
}
#crumbs a:hover {
color: #aaaaaa;
}
/* ---[ misc ]------------------------------- */
.clear {
clear: both;
height: 1px;
margin: -1px 0 0 0; 
padding: 0;
visibility: hidden;
overflow: hidden;
}
.clear-left {
clear: left;
height: 1px;
margin: -1px 0 0 0; 
padding: 0;
visibility: hidden;
overflow: hidden;
}
.clear-right {
clear: right;
height: 1px;
margin: -1px 0 0 0; 
padding: 0;
visibility: hidden;
overflow: hidden;
}
.prop {
    float: right;
    width: 1px;
}
.mh100px { height: 100px; }
.mh150px { height: 150px; }
.mh200px { height: 200px; }
.mh250px { height: 250px; }
.mh300px { height: 300px; }
.mh400px { height: 400px; }


/* ---[ images ]------------------------------- */
.img-right {
float: right;
margin: 4px;
}
.img-left {
float: left;
margin: 4px;
}
.img-center {
display: block;
margin: 0 auto;
text-align: center;
}

/* ---[ links ]------------------------------- */
a:link {
	color: #009933;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	}
a:visited {
	color: #009933;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	}
a:hover {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px solid #aaa;
	}
	
	
/* ---[ common elements ]--------------------- */
p {
	text-align: left;
	margin: 10px;
	padding: 0;
	}

h1, h2, h3 {
	line-height: 1.2em;
}

h1 {
	margin: 20px 0 20px 0;
	font-family: 'Trebuchet MS', tahoma, lucida, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #003300;
	text-align: center;
	padding-bottom: 10px;
	background: url(../images/h1_bg.png) no-repeat center bottom;
	letter-spacing: -0.05em;
}
h2 {
	font-family: 'Trebuchet MS', tahoma, lucida, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	color: #333333;
	padding-bottom: 10px;
	background: url(../images/h2_bg.png) no-repeat center bottom;
	letter-spacing: -0.05em;	
	float: none;
	}
h3 {
  font-family: 'Trebuchet MS', tahoma, lucida, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #333333;
	padding-bottom: 5px;
	letter-spacing: -0.05em;
	text-align: center;
	background: url(../images/h3_bg.png) no-repeat center bottom;
	}
h4, h5 {
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
	}
blockquote {
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.5em;
	color: #99ccff;
	padding-left: 25px;
	}
abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted #bbb;
	cursor: help;
	}
a abbr { border: none; }
del {
	text-decoration: line-through;
	}
ins {
	text-decoration: none;
	font-style: italic;
	}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}

hr {
color: #CCCCCC;
background-color: #CCCCCC;
text-align: center;
width: 85%;
border: 0;
height: 1px;
}

/* ---[ text ]------------------------------- */
.center { text-align: center; }
.text90 { font-size: 90%; }
.text110 { font-size: 110%; }
.text120 { font-size: 120%; }
.text130 { font-size: 130%; }
.text140 { font-size: 140%; }
.text150 { font-size: 150%; }
.text200 { font-size: 200%; }
.text250 { font-size: 250%; }
.text300 { font-size: 300%; }
.text90, .text110, .text120, .text130, .text140, .text150, .text200, .text250, .text300 {
	line-height: 1.2em;	
}
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-gray { color: #CCCCCC; }
.text-red { color: #993333; }
tr.text-red { background-color: #FFF2EF; }
.text-green { color: #336633; }
tr.text-green { background-color: #F0FFED; }

#content ul {
list-style-type: none;
margin: 10px 20px 10px 30px;
padding: 0;
}
#content ul li {
background: url(../images/point_li.png) no-repeat 0 5px;
padding-left: 10px;
margin-bottom: 5px;
}

#content ul li img {
vertical-align: middle;
}

table#txt-tab,table.txt-tab {
margin: 10px auto;
}

table#txt-tab, table#txt-tab th, table#txt-tab td,
table.txt-tab, table.txt-tab th, table.txt-tab td {
border: 1px solid #cccccc;
border-collapse: collapse;
padding: 4px;
}

table#txt-tab th, table.txt-tab th {
text-align: center;
font-size: 120%;
background-color: #F3F3F3;
padding: 5px 10px;
}
/* ---[ date ]------------------------------- */
#date {
margin: 10px 0 0 0;
color: #aaaaaa;
font-size: 0.8em;
padding-left: 12px;
background: url(../images/date.png) no-repeat left center;
float: right;
}
/* ---[ shortcuts ]------------------------------- */
#shortcuts {
margin: 0;
}
#shortcuts .toplink, #shortcuts .backlink {
font-size: 0.9em;
padding-left: 12px;
margin: 0 5px;
border: 0 none;
}
#shortcuts .toplink {
background: url(../images/toplink.png) no-repeat center left;
}
#shortcuts .backlink {
background: url(../images/backlink.png) no-repeat center left;
}
#shortcuts a.toplink, #shortcuts a.backlink {
color: #aaaaaa;
}
#shortcuts a.toplink:hover, #shortcuts a.backlink:hover {
color: #666666;
}
/* ---[ printthis ]------------------------------- */
a.printthis:link, a.printthis:visited {
font-size: 0.8em;
color:#999999;
margin: 0 0 10px 0;
padding-left: 20px;
background: transparent url(../images/print.png) no-repeat left center;
border: 0 none;
text-decoration: none;
}
a.printthis:hover {
color:#336699;
border: 0 none;
text-decoration: none;
}
/* ---[ cinema/accommodation ]------------------------------- */
#cinema, #accommodation {
margin: 30px 0 0 0;
}

#cinema div.entry, #accommodation div.entry {
margin-bottom: 15px;
padding: 0;
}

#cinema img, #accommodation img {
float: left;
margin: 0px 10px 10px 0;
}
/* ----[ special ]------------------------------------------- */
.special {
background: transparent url(../../../images/special/zakopane.jpg) no-repeat top center;
padding-top: 260px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}
.special {
line-height: normal;
}

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

a.nb, .nb img { border: 0 none; }

/* ----[ calendar ]------------------------------------------- */
.ee_miniCalendar {
}

.ee_current {
background-color: #efefef;
padding: 6px 0;
font-size: 1.1em;
}

.ee_friday {
}

.ee_monday {
}

.ee_saturday {
}

.ee_sunday {
color: #aa0000;
}

.ee_thursday {
}

.ee_tuesday {
}

.ee_wednesday {
}

.ee_monthCurrent {
}

.ee_monthNav {
}

.ee_monthPlus {
}

.ee_monthMinus {
}

.ee_next {
color: #ccc;
padding: 6px 0;
}

.ee_noLinkDay {

}

.ee_prev {
color: #ccc;
padding: 6px 0;
}

.ee_selected {
}

.ee_miniCalendarDays {
width: 65%;
margin: 10px auto;
text-align: center;
border: 1px solid #eee;
border-collapse: collapse;
padding: 5px;
}

.ee_miniCalendarDays th {
font-size: 1.2em;
padding: 10px 2px;
background-color: #009933;
color: #fff;
}

.ee_miniCalendarDays a, .ee_miniCalendarDays a:visited, .ee_miniCalendarDays a:hover {
border: 0 none;
padding: 4px;
font-weight: bold;
font-size: 1.2em;
}

.ee_miniCalendarDays a:hover {
background-color: #009933;
color: #fff;
}
/* nav table */
.ee_miniCalendarNav {
width: 65%;
margin: 2px auto;
text-align: center;
font-size: 1.2em;
}

.ee_miniCalMonth {
font-size: 1.1em;
}

.ee_miniCalNext, .ee_miniCalPrev {
font-size: 1.6em;
font-weight: bold;
text-decoration: none;
}

.ee_miniCalNext a, .ee_miniCalPrev a, .ee_miniCalNext a:visited, .ee_miniCalPrev a:visited, .ee_miniCalNext a:hover, .ee_miniCalPrev a:hover {
border: 0 none;
}

.ee_miniCalYear {
font-size: 1.6em;
font-weight: bold;
}

.ee_today {
border: 1px solid #ddd;
background-color: #ededed;
}

.ee_yearCurrent {
}

.ee_yearNav {
}

.ee_yearPlus {
}

.ee_yearMinus {
}

#homeevents {
font-size: 1em;
}

#homeevents .easyEventsList_group {
width: 95%;
margin: 2px auto;
}

#homeevents .easyEventsList_description {
font-size: 1em;
}

#homeevents .easyEventsList_title {
color: #333;
font-size: 1.2em;
}
.easyEventsList_group {
width: 80%;
margin: 20px auto 10px;
}

.easyEventsList_heading {
font-size: 1.4em;
font-weight: bold;
}

.easyEventsList_events {
padding: 10px 0;
}

.easyEventsList_item {
padding: 5px 0 5px 10px;
}

.easyEventsList_time {
color: #aaa;
font-style: italic;
}

.easyEventsList_title {
color: #333;
font-size: 1.1em;
}

.easyEventsList_description {
padding: 5px 0;
color: #666;
}

.easyEventsDetailsBox {

}

.easyEventsDetailsTime {
font-size: 1.4em;
font-weight: bold;
text-align: center;
}

.easyEventsDetailsDetails {

}

.easyEventsDetailsPermalink {
text-align: center;
padding: 10px 0;
font-weight: bold;
}

/* ----[ trip / accommodation ]------------------------------------------- */
.trip, .tripHome, .accommodation {
	clear: left;
	margin: 20px 5px;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #ccc;
}

.tripHome {
	clear: both;
	margin: 10px 5px;
}

.trip h2, .tripHome h2, .accommodation h2 {
	text-align: left;
	background-image: none;
	margin: 10px;
	padding: 0;
}

.trip h2 a, .trip h2 a:hover, .trip h2 a:visited, 
.tripHome h2 a, .tripHome h2 a:hover, .tripHome h2 a:visited, 
.accommodation h2 a, .accommodation h2 a:hover, .accommodation h2 a:visited {
	text-decoration: none;
	border: 0 none;
}

.trip .thumbscontainer, 
.tripHome .thumbscontainer,
.accommodation .thumbscontainer {
	margin: 0 !important;
	padding: 0 !important;
}

.tripHome .thumbscontainer,
.accommodation .thumbscontainer {
	float: right !important;
}

.trip .thumbs li, 
.tripHome .thumbs li,
.accommodation .thumbs li {
	margin: 0 5px 5px 0 !important;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
	line-height: 1em !important;
}

.trip p a, .trip p a:hover, .trip p a:visited, 
.tripHome p a, .tripHome p a:hover, .tripHome p a:visited,
.accommodation p a, .accommodation p a:hover, .accommodation p a:visited {
	text-decoration: none;
	color: #333;
	border: 0 none;
}

.tripHome a.green {
	color: #009933;
}

.trip p a:hover, 
.tripHome p a:hover,
.accommodation p a:hover {
	color: #999;	
}

/* ----[ contact ]------------------------------------------- */
#contactForm {
	margin: 20px auto;
	width: 95%;
}

#contactForm label {
	text-align: right;
	float: left;
	width: 90px;
	padding: 0 10px 0 0;
	line-height: 1.2em;
		
}

#contactForm input {
	width: 250px;
	float: left;
	line-height: 1.2em;
	margin: 2px 0 10px 0;
}

#contactForm textarea {
	width: 250px;
	float: left;
	margin: 2px 0 10px 0;
}

#contactForm p {
	clear: left;	
}

#contactForm input.btn {
	width: 120px;	
	text-align: center;
	margin: 20px auto;
	float: none;
}

#contactForm input.required, #contactForm textarea.required {
	border: 1px solid #990000;	
}

#contactForm label.required {
	color: #990000;
}

#contactForm .errors {
	text-align: center;
	margin: 20px auto;
	color: #990000;	
}

#contactForm .errors strong {
	color: #000;	
}