#content {background-image:none;}
#main { margin-bottom:20px;}
.vylet #article h1 {color:#fff; font-size:35px; text-align:center; letter-spacing:0.5px; padding:70px 0px 10px 0px; margin:0px; }
#body ol.list li { font-size:24px; color:#999; padding-left:10px; margin-left:10px; font-family: Georgia,arial; clear:both; }
#body .list h2 { 
	padding-bottom:0px; 
	margin-bottom:35px; 
	margin-top:10px;
	font-size:22px; 
	line-height:26px; 
	font-weight:normal; 
	font-family: Georgia,arial; 
	color:#999; 
	clear:both;
}
#body .list h2 span { font-size:18px; padding-right:5px;}
#body .list h2 a {font-size:28px; color:#4CAC29; text-decoration:none;}
#body .list h2 a:hover { text-decoration:underline; } 
h1.top-h1 { font-size: 2.6em; margin:35px auto; text-align:center; letter-spacing:1px;}

#body .infotext,
#body .list p, 
#body .list div.textv { font-size:16px; color:#666; margin-bottom:10px; font-family:Georgia,arial; line-height:24px; padding-bottom:0px; }
#body .list .textv {padding-right:10px;}
#body .list div.item { 
	background-image:none;
	margin-bottom:0px; 
	padding-bottom:0px; 
	line-height:inherit; 
	clear:both;
	padding-left:70px;
	padding-right:35px;
	position:relative;
} 
#body .list div.item iframe {width:100%;}
#body .list div.item span.km { 
	color:#999; 
	position:absolute; 
	width:52px; 
	text-align:center; 
	display:inline-block; 
	left:0px;
	height:52px;
	line-height:14px;
	font-weight:normal;
	font-family:Georgia,arial;	
	background: url('../images/bg_trip_km.png') no-repeat 0px 0px;
} 
div.item span.km em { 
	font-size:28px;
	color:#fff;
	font-style:normal;
	text-align:center;
	display:block;
	padding:14px 0px 0px 3px;
	position:relative;
}
div.item span.km small,
#body .paypr small {
	display:block;
	font-size:12px;
	color:#999;
	position:absolute;
	bottom:-39px;
	height:30px;
	background:#fff;
	border-top:solid 5px #fff;
	border-bottom:solid 5px #fff;
	width:52px;
}
div.odd span.km small,
#body .odd .paypr small {
	border-top:solid 5px #f2f2f2;
	border-bottom:solid 5px #f2f2f2;
	background:#f2f2f2;
}
div.first span.km small {
	height:18px;
	bottom:-30px;
	border-top:solid 8px #f2f2f2;
}
div.first span.km small.firstMargin {
	display:block;
	background:#f2f2f2;
	position:absolute;
	top:-20px;
	height:21px;
	border:none;
	bottom:inherit;
}
h2.footerheadline { font-size:30px; font-family:arial; font-weight:normal; color:#333; letter-spacing:1px; margin:25px auto 30px auto; padding:0px; text-align:center;}

#article {font-family:Georgia,arial; position:relative; }
#cover {
	position:absolute; height:320px; width:100%; top:0px; z-index:-2; 
	background-color:#444;
	background-size: cover;
	background-position:60% center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	opacity:0.3;	
}


#covercolor { background:#000; opacity:0.9; position:absolute; height:320px; width:100%; top:0px; z-index:-3;}
#body .list { margin-left:0px; margin-top:0px;}

#socialHolder .fb-like { top:-5px; position:relative; }
#textArticle { clear:both; float:none; /* overflow:hidden; */ }
span.addedObj { font-size:14px; display:block; padding-top:15px;}
span.addedObj a, span.addedObj span.greyLinkLight { color: #999; padding:0px 0px 0px 15px; background:url('../img/ico_place.png') no-repeat scroll left 2px; }
span.termin { padding-left:5px; color:#999; display:inline-block; margin-left:10px; }
span.kino { display:block; text-align:right; font-size:12px; color:#666; }
a.imageItem { 
	display:block; 
	width:200px; height:140px; 
	float:left; 
	margin:0px 30px 25px 0px; 
	overflow:hidden; 
	
	position:relative; 
		
}
#body a.imageItem img { margin:0px; }
#panel,
#panelInfo {display:none; margin-bottom:20px;}
#panelInfo {height:350px; overflow:auto; }
#panel, #panel select {font-size:14px;}
#panel form {padding:10px 0px !important; border:none;}
#panel form strong { padding:0px 5px 0px 15px; }

#cities { color:#fff; font-family:arial; margin-bottom: 20px; text-align:center; font-size:13px; letter-spacing:0.8px; text-shadow:0px 0px 1px #000;}
#cities a { color:#fff; text-decoration:none; padding-bottom:0px; border-bottom:solid 1px #fff;} 
#cities a:hover {text-decoration:none; border-bottom:none; }
.promophoto { overflow:hidden; clear:both; }
#body h3.nextPhotos {
	margin-bottom:10px; 
	color:#333; 
	font-family:arial; 
	font-weight:normal; 
	font-size:18px; 
	clear:both;
	padding-top:5px;
}	
#body .promophoto p img { width:100%; min-width:328px; margin:0px; display:block; }
.promophoto p a { display:block; width:100%; height:100%; }

#body .promophoto p {  
	width:49%; margin:0.5% 0.5%; height:200px;
	float:left;	position:relative;
	overflow:hidden; padding:0px;	
}	
.promophoto p a { display:block; width:100%; height:100%; }
.muj-vylet #myTripBox,
.muj-vylet #myTripBox .venues_box {width:auto; float:none;}

#author {padding:15px 25px; background:#f2f2f2; text-align:right;}
#socialHolderFooter {float:left; position:relative; top:-2px;}
#socialHolderFooter .social_fb_button { margin-right:15px;}
#socialHolderFooter .print {
	position:relative;
	margin-left: 15px;
	top:-5px;
}


.travelmode {margin-bottom:35px; text-align:center; /*overflow:hidden;*/ }
.travelmode span.travelico {
	display:inline-block; 
	/*float:left; */
	margin: 0px 10px 0px 0px;
	/*overflow:hidden;*/
	background: url('../images/ico_trip_infoicons_green.png') no-repeat 0px 0px;
	width:34px;
	height:34px;
	position:relative;
	
}
.travelmode span.travelico[title-tooltip]:hover:after {
	border: 1px solid #e0dc20; 
	color: #333; border-radius: 3px; 
	background: #fafcae; 
	content: attr(title-tooltip); 
	position: absolute; 
	left: -1px; top: 38px; 
	padding: 2px; width: 80px;
	text-align:center;
	font-size:12px;
	line-height:14px;
	padding:0px;
	margin:0px;
	display:block;	
}

.travelmode span.walk { background-position: -44px 0px; }
.travelmode span.cyklo { background-position: -90px 0px; }
.travelmode span.travelico em { display:block; text-indent:-50000px; overflow:hidden;}
.travelmode span.difficulty,
.travelmode span.timedifficulty {
	float:left;
	margin-right:8px;
	background-position: -181px 0px;
}
.icotext { height:34px; line-height:22px; display:inline-block; color:#ccc; margin-right:10px;}
.icotext em { padding-top:2px; vertical-align:text-top; display:inline-table; font-style:normal; font-family:arial; }

.travelmode span.timedifficulty {
	background-position: -136px 0px;
}

.cykloitem .travelmode span.difficulty em, 
.cykloitem .travelmode span.emptyico em { font-family:arial; font-style:normal;}


.infotext {
	background-color:#f2f2f2;
	overflow:hidden; 
	margin-bottom:45px;
}
#tripinfo { font-size:18px; letter-spacing:0.5px; line-height:25px; padding:25px 20px 0px 30px; text-shadow:0px 0px 1px #fff;  }
#article #img { height:140px; margin:0px 35px 0px 0px; }
#article #img img {position:relative; left:inherit;}
#tripinfo p {margin-bottom:10px;}
#tripinfo p.preperex { font-style:italic; color:#666; margin-bottom:0px; font-size:14px; }
#tripinfo p.preperex-last {margin-bottom:10px;}

#body .list div.item {
	/*background-image: url('../img/arrow_right.png'), url('../img/bg_vylet2.png'), url('../img/dotted0.gif');
	background-position: 0px 0px, right top, bottom left;
	background-repeat: no-repeat, no-repeat, repeat-x;
	*/
	
	position:relative;
	padding-bottom:20px;
	clear:both;
/*	overflow:hidden; */

/*	margin-bottom:25px; */

margin-bottom:0px;
	padding-bottom:20px;
	padding-top:20px;
	
	 box-sizing: border-box;
	 
	 background:#fff url('../images/bg_line.png') repeat-y 25px top;
}
#body .list div.odd {
	background-color:#f2f2f2;
	
	/*border-left:solid 1px #62AA1A;*/
	
}
#body .list div.odd .ah {
	position:absolute;
	height:100%;
	width:100%;
	background-color:#f2f2f2;
	left:-50%;
	top:0px;
	z-index:-1;
}
#body .list div .placeMapHolder {clear:both; margin: 5px 0px 0px 0px;}

#body .addedObj {color:#999; font-family:arial;}
#body .addedObj a {color:#666; background: url('../images/ico_place_mini_green.png') no-repeat left center;}
#body .list .eventsList {
	clear:both;
	background-color: transparent;
    margin-bottom: 0px;
    overflow: hidden;
    padding:0px;
    margin-bottom:30px;
}
#content .eventsList p { font-family:arial; padding:0px; margin:0px; font-size:12px; line-height:unset;}
#content .eventsList .action { 
	float:none; 
	width:auto; 
	position:relative; 
	padding:0px; 
	margin-bottom:0px;
	box-sizing:border-box;
	height:90px;	
	margin-bottom:15px;
}
/*
.objekt #content .eventsList .action {margin-bottom:10px;}
*/
#content .eventsList .action .inner { 
	margin:0px 0px 0px 80px; 
	padding:0px; 
	min-height:inherit; 
	max-height:none; 
	border-bottom:none; 
	overflow:hidden; 
	clear:inherit;
	background-color: #ededed
		
}
#content .odd .eventsList .action .inner { 
	background-color: #fff
}

/*
#content .eventsList .action:nth-child(odd) .inner {background-color: #ededed}
#content .eventsList .action:nth-child(even) .inner {border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;}

#body .odd .eventsList .action:nth-child(odd) .inner {background-color: #fff}
#body .odd .eventsList .action:nth-child(even) .inner {border-top: solid 1px #fff; border-bottom: solid 1px #fff;}
*/

#content .eventsList p.date { 
	overflow:hidden;
	margin-left:0px; 
	margin-bottom:0px; 
	width:70px;
	height:70px;
	background:#333 url('../images/bg_cal_relief.png') no-repeat -160px 0px;
	position:relative;
	float:left;
}
#content .eventsList p.divadlo {
	background-color:#ff6700;
	background-position:0px 0px; 
}
#content .eventsList p.hudba {
	background-color:#16c134;
	background-position: -80px 0px; 
}
#content .eventsList p.film {
	background-color:#00d0cb;
	background-position: -240px 0px; 
}
#content .eventsList p.sport {
	background-color:#0c628c;
	background-position:-400px 0px; 
}
#content .eventsList p.festival {
	background-color:#fe0c00;
	background-position:-320px 0px; 
}
#content .eventsList p.vystava {
	background-color:#ff0073;
	background-position:-481px 0px; 
}


#content .eventsList p.date strong,
#content .eventsList p.date span.grey {
	float:none; display:inline; width:auto; height:auto;
	font-size:24px;	
	color:#fff; 
	text-align:center;
	margin-right:0px;
}
#content .eventsList p.moredays {text-align:center;}
p.moredays .noDisplay {
	display: inline-block;
    padding: 6px 2px;
    color: #fff;
    vertical-align: top;	
    font-weight:bold;
    font-size:24px;
    text-align:center;
}
#content .eventsList p.moredays strong { display:inline-block; }
#content .eventsList p.date strong.endDate { background-color:#a6a699; margin-right:0px; }
#content .eventsList p.moredays strong.endDate {background-color:transparent;}
#content .eventsList p.date span.grey { 
	background-color:#fff; 
	color:#333; 
	font-size:12px; 
	padding:1px 0px; 
	margin:1px;
	position:absolute;
	bottom:0px;
	left:0px;
	height:auto;
	 margin-right:0px; 
	 line-height:16px; 
	 display:block;
	 width:68px;
	 font-size:10px;
}
#content .eventsList p.date span.grey small { 
	display:inline; 
	font-size:12px;
	 font-weight:bold; 
	 padding-top:0px; 
	 position:relative;
	 top:1px;
}

#content .eventsList p.date strong a { color:#fff; text-decoration:none; padding-top:5px; display:block; line-height:28px; }
#content .eventsList p.date strong a:hover { color:#333; }
#content .eventsList p.ostatni strong a:hover {color:#ddd;}
#content .eventsList p.date strong small { display:block; font-size:12px; font-weight:normal; line-height:12px; }

#content .eventsList .imgLink span {
	height:90px; 
	width:90px;
	margin-left:0px;
	margin-right:20px;
}
#content .eventsList .imgLink span em { border-radius:0px; background: #eee url('../img/logo-ico-mini.png') no-repeat center center; width:90px; height:90px; }
.eventsList .imgLink img { left:-20%; position:relative; height:100% !important; width:auto; }
.eventsList .imgLink img.tp { left:-45%; top:-12px; height:180px !important; position:relative; }
.eventsList .imgLink img.square { left:0%;}
#content .eventsList .action h3 { 
	font-size:17px; 
	margin:15px 0px 10px 0px; 
	line-height:18px; 
	padding:0px;
	font-weight:bold;
}
#article #content .eventsList .action p.adr {color:#999; line-height:12px; margin-bottom:0px; }
#content .eventsList .action h3 a {color:#333; text-decoration:none;}
#content .eventsList .action h3 a:hover {text-decoration:underline;}

#content .eventsList .action img {margin:0px;}

#content .eventsList a.tip {				
	border:none;
	text-transform: uppercase;
	position:absolute;
	width:70px;
	left:0px; 
	top:73px;
	font-size:12px;
	color:#444;
	text-decoration:none;
	text-align:center;
	height:auto;
	background-image:none;
	border:none;
}
.onbjekt #content .eventsList a.tip {top:75px;}
#content .eventsList a.tip:hover {text-decoration:underline;}
.eventsList a.tip span { text-indent:0; display:inline;}
.inner span.place {
	color:#4CAC29;
	padding:1px 0px 1px 16px;
	background: url('../images/bg_sprite.png') no-repeat 0px -706px;
	font-size:1.1em;	
}
.inner .vstupenka {
	display:inline-block;
	padding:5px 5px 4px 18px;
	color:#f5f5f5;
	text-decoration:none;
	background: url('../images/bg_tag_green.png') no-repeat left center;
	letter-spacing:0.2px;
	position:absolute;
	right:20px;
	top:32px;
	font-size:12px;
}

.earmenu { 
	float:right; 
	display:inline-block; 
	background-color:#F0F0F0;
	padding:10px 10px 0px 10px;
	font-weight:normal;
	clear:both;
	font-family:arial;
	line-height:22px;
}
.preperex .emtitle {font-weight:bold;}
#body .promophoto p.vertical img {position:absolute; top:-50%;}

#body .list .paypr a.hotel {display:inline-block; min-width:200px; margin-right:10px; float:left; padding-top:3px;}
#body .list .paypr {
	margin:40px 0px;
	padding:0px;
	clear:both; 
	position:relative;
}
#body .list .paypr h2.cyklotitle {margin-bottom:20px;}
#body .paypr strong {display:block; margin-bottom:5px; color:#666;}
#body .paypr p.line { 
	margin-bottom:5px; 
	padding:0px 0px 0px 10px; 
	color:#999; 
	font-size:14px;
	line-height:16px;	
	font-family:arial !important;
}
.paypr p.line a.mainlink { 
	width:200px; 
	margin-right:10px; 
	display:inline;
}
#body .paypr p.hotel {
	margin-bottom:10px; 
	font-size:16px;
	position:relative;
}


#body .paypr p.line a.mainlink { font-weight:bold; font-size:16px; color:#333; text-decoration:none; }
.icoHotel {
	position:absolute;
	left:-70px;
	top:-15px;
	background: url('../images/bg_trip_hotel.png') no-repeat left top;
	width:52px; height:52px;
	display:block;
}
.icoGastro {background: url('../images/bg_trip_restaurant.png') no-repeat left top;}
#body .hotelImg { float:left; margin:0px 15px 0px 0px; }
.hotelDesc { display:block; padding-top:5px; margin-bottom:10px; }
#body .paypr h2.cyklotitle {
	margin-top:0px; padding-top:0px;
	position:relative;
	left:-20px;
	padding-left:20px;
	background: url('../images/bg_line.png') repeat-x center center;
}
#body .paypr h2.cyklotitle span { background-color:#fff; padding:0px 10px; font-size:inherit; } 
#body .odd .paypr h2.cyklotitle span { background-color:#f2f2f2; } 
#body .paypr small {
	font-family:Georgia,arial;
	left:-70px;
	top:35px;
	text-align:center;	
}
#body .hotels small {line-height:14px;}
#body .hotels small.h0 { top:-10px; }
#body .hotels small.h1 { top:-9px; }
#body .hotels  .mesto {padding:5px 0px 0px 15px; font-size:14px; display:inherit; overflow:hidden;}

/*
.tripTop {
	padding:20px 0px;
	background-color:#ddd;
	border:solid 1px #ccc;	
	position:relative;
	margin-bottom:20px;
	-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
}
*/

.w1070px {width:1070px; clear:both;}
.tAHolderCategory {
	overflow-x: auto;
    width: 100%;
    margin-bottom:15px;
}
.tripTop { position:relative;}
.tripTop .trip {
	width:23%; 
	margin:0% 0% 0% 2.6%;	
	float:left;
	overflow:hidden;
	position:relative;
}
.tripTop .t1 {margin-left:0%; background: url('../images/bg_tipy.png') no-repeat left top;}
.tripTop .trip a {
	display:block;	
	/*background-color:#fff; */
	text-decoration:none;
	color:#333;
	border:solid 1px #ddd;
	min-height:280px;
	overflow:hidden;
	background: url('../images/bg_gradient.png') repeat-x left bottom;
}
.tripTop .trip a:hover strong {text-decoration:underline;}
.tripTop .trip a:hover img {
	opacity:0.5;
}
.tripTop .trip a:hover {
	background-color:#000;
	opacity:0.9;
	animation: pulse 0.5s 1;	
}

@keyframes pulse {
  0% { background-color:#666; }
  100% { background-color:#000; }
}


.tripTop .trip img {
	position:absolute;
	height:100%;
	z-index:-1;
	left:-35%;
}
.tripTop .trip img.vertical {
	left:0%;
	height:inherit;
	width:100%;
}


.tripTop .trip strong {
	display:block;
	padding:5px 5px 5px 15px;
	font-family:Georgia,arial;
	color:#fff;
	bottom:20%;
	font-size:18px;
	position:absolute;
}
.trip .travelmode {
	clear:both; 
	overflow:hidden;
	display:block;	
	padding: 0px 0px 0px 20px;
	margin-bottom:10px;
	position:absolute;
	bottom:0px;
	left:0px;
}
.trip .travelmode span.travelico {
	margin-top:0px;
	margin-right:5px;
	float:none;
}
.trip .travelmode .icotext {
	font-size:12px; 
	color:#f2f2f2; 
	position:relative; 
	padding-left:2px; 
	line-height:12px; 
	height:inherit;
}
.trip .travelmode .icotext em { padding-top:12px; }
.trip .travelmode span.difficulty {  }
.vylet .venues_box .articleItem {font-size:16px;}
.vylet .venues_box .articleItem strong {padding-top:0px;}
.vylet .boxinfotext {
	margin-top:5px; 
	border:solid 2px #e77a4b; 
	font-size:15px; 
	font-family:Georgia,arial;
	padding:10px; 
	line-height:22px;
	-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;
}

#tripsFilterHolder {
	padding:30px 0px 30px 0px;
	background:#f2f2f2;
	position:relative;
	margin-bottom:25px;
}
#content form#filterForm {
	background:transparent;
	padding:0px; margin:0px; 
	overflow:hidden;
	border:none;	
}
.bs-1, .bs-2, .bs-3 { 
	float:left; 
	width:25%; 
	box-sizing:border-box;	
}
.bs-2 { width:50%; text-align:center; }
.bs-1 label {float:left;}
.bs-3 { text-align:right;}
#filterForm fieldset {margin-bottom:20px;}
#filterForm fieldset label {width:auto; padding:0px 0px 12px 0px; font-size:14px; float:none;}
#filterForm fieldset select {background-color:#fff; border:none;}
#filterForm fieldset label.place { 
	background: url('../images/bg_sprite.png') no-repeat 0px -706px; 
	padding:1px 0px 1px 18px;
	margin-bottom:15px;
}
#filterForm #fieldset_city {margin-bottom:35px;}
#filterForm fieldset select { 
	margin-right:0px;
	font-size:14px;
	height:36px;	
	outline:none;
}	
#submitTrips {
    margin-top: 28px;
    padding: 12px 70px 12px 25px;
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 18px;
    text-decoration: none;
	background: #4CAC29 url('../images/ico_search.png') no-repeat 90% center; 
}
#submitTrips:hover { text-decoration:none !important; background-color:#000;}

#filterForm #tags_fieldset_holder {clear:both; float:none; margin:0px; display:none; }
.fieldset_tags span.tag {
	padding:5px 10px; 
	background-color:#ddd; 
	background-image:none;
	display:inline-block;
	margin:0px 4px 8px 4px;
	display:none;
	cursor:pointer;
	overflow:hidden;
	/*float:left; */
	 -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    color:#444;
}
.fieldset_tags span.active {
	background-color:#16c134; 
	color:#fff; 
}
.fieldset_tags span.tag em {
	font-style:normal;
	display:inline-block;
}
em.tags_label {
	display:block; clear:both; overflow:hidden; margin:0px 0px 10px 0px;
	color:#888; font-size:14px;
}
#other-places,
#selectPlace {display:none;}
#other-places span.tag {display:inline; float:left; margin-left:0px; margin-right:6px;}

#tripsFilterHolder .travelmode span.travelico {
	margin-top:2px; 
	background-color:#fff; 
	border:solid 1px #C1C1C1;
}
.tripSearchIco {
	display:inline-block; 
	margin: 0px 5px 0px 5px;
	overflow:hidden;
	background: url('../images/cat-icons.png') no-repeat 0px 0px;
	width:54px;
	height:54px;
	cursor:pointer;
}
.tripSearchIco em { display:block; text-indent:-50000px; overflow:hidden;}

#i_pamatky:hover, #i_pamatky.active {background-position:0px -54px;}
#i_priroda {background-position:0px -108px;}
#i_priroda:hover, #i_priroda.active {background-position:0px -162px;}
#i_deti {background-position:0px -324px;}
#i_deti:hover, #i_deti.active {background-position:0px -378px;}
#i_kultura {background-position:0px -216px;}
#i_kultura:hover, #i_kultura.active {background-position:0px -270px;}
#i_koupani {background-position:0px -540px;}
#i_koupani:hover, #i_koupani.active {background-position:0px -594px;}
#i_gastro {background-position:0px -432px;}
#i_gastro:hover, #i_gastro.active {background-position:0px -486px;}
#i_romantika {background-position:0px -648px;}
#i_romantika:hover, #i_romantika.active {background-position:0px -702px;}
#tripsBox {float:left; width:48.5%; margin-bottom:30px;}
.main #tripsBox { width: auto; float: none;}
#myTripBox, #tripMap {float:right; width:48.5%;}
.aside #myTripBox {float:none; width:auto;}
/*
#tripsBox .venues_box,
#myTripBox .venues_box {float:none; width:100%;}
#myTripBox.fullbox {width:auto; float:none; clear:both;}
*/

#trips #myTripBox h3.headertab {
	position:absolute;
	top:0px;
}
#trips #myTripBox.fullbox h3.headertab { position:static; }
#tripsBox .button-green strong {font-weight:normal;}

.rightSide33 #myTripBox {float:none; width:auto;}
.rightSide33 #myTripInfo {margin-top:0px;}
.addToCalTrip {
	position:absolute;
	right:5px;
	top:8px;
	overflow:hidden;
	width:91px;
}
.addToCalTrip:hover { width:auto;}
.addToCalTrip small.addC {
    background: url('../images/button_add_to_my_trip_mini.png') no-repeat left center;
    padding: 6px 15px 5px 26px;
    margin: 2px 0px 2px 2px;
    line-height: 16px;
    display: inline-block;
    color: #fff;
    letter-spacing:0.8px;
}
.addToCalTrip small.more {
    display: inline-block;
    padding-right: 8px;
}
#myTripBox .del { float:right; }
#myTripInfo {
	background: #e1e1e1;
	padding:20px 0px;
	margin-bottom:30px;
	font-size:14px;
	font-family:arial;
	text-align:center;
	position:relative;
}
#myTripInfo h3 { 
	padding-top:0px; 
	margin-bottom:20px; 
	font-size:26px;
	letter-spacing:0.5px; 
	color:#222;	
	text-align:center;
} 
.aside #myTripInfo h3 {font-size:20px;}
#myTripInfo p {padding-top:20px;}
#myTripInfo p.i { 
	 padding:0px;
	 display:inline-block;
	 margin:0px auto;
	 width:25%;
	 color:#777;
	 margin:0px 2.4%;
	 vertical-align:top;
}
.aside #myTripInfo p.i {
	font-size:12px;
	width:28%;
	margin:0px 1%;
	word-wrap:break-word;
}
#myTripInfo .arrow {
	position:absolute;
	left:0px;
	bottom:-24px;
	background:url('../images/bg_sprite.png') no-repeat 0px -971px;
	width:24px;
	height:24px;
}
#myTripInfo a.button-green {
    animation:myfirst 2s;
  	-moz-animation:myfirst 2s 1; 
	-webkit-animation:myfirst 2s 1; 
}
#myTripInfo .infoText {
	padding:0px 20px;
	text-align:left;
}
#myTripInfo .infoText p {
	padding-top:0px;
}

@-moz-keyframes myfirst 
{
0%   {background:#4CAC29;}
50%  {background:#CE322A;}
100%   {background:#4CAC29;}
}
@-webkit-keyframes myfirst 
{
0%   {background:#4CAC29;}
50%  {background:#CE322A;}
100%   {background:#4CAC29;}
}
  


.citiesBox,
.textBox {
	padding:10px 15px;
	text-align:center; 
	font-size:16px;
	color:#333;
	margin-bottom:30px;
}
.textBox { padding:0px; line-height:22px; color:#666; }
.citiesBox a { margin-left:10px; }
#content .citiesBox a:hover { text-decoration:none;}


.tripinfographic {
	background: url('../images/bg_trip_help.png') no-repeat center center;
	height:80px;
	margin:0px auto 20px auto;
	max-width:407px;
	background-size:contain;
}
.aside .tripinfographic {
	background: url('../images/bg_trip_help_small.png') no-repeat center center;
	height:59px;
	margin:0px auto 20px auto;
	max-width:254px;
	background-size:contain;
}
.rbx img { margin-bottom:20px; }

.addToCalTrip {
	position:static;
	top:0px; right:0px;
	display:inline;
	font-family:arial;
	padding:1px 2px 4px 0px;
}
.promobox .ui-sortable .articleItem {
	padding-left:28px;
	background-image: url('../img/fancy/fancy_shadow_e.png'), url('../img/bg_sortable.png');
	background-position: 0px 0px, 5px center;
	background-repeat: repeat-y, no-repeat;
/*	border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
   */ 
    cursor:move;
}


.vylet .venues_box .articleItem .nameItem {
	display:block; 
	font-style:normal; 
	font-weight:bold;
/*	margin:15px 0px 5px 0px; */
	margin:1px 0px 5px 0px;
	padding-top:15px;
	font-size:17px;
	line-height:18px;
	z-index:-1;
	position:relative;
}

.vylet #myTripBox .venues_box .articleItem .nameItem {
	z-index:0;
}

/*
.vylet .venues_box .ui-sortable {border-bottom:solid 1px #ddd; }
.vylet .venues_box .ui-sortable .articleItem {background-color:#fff; border-bottom:none;}
.vylet .venues_box .ui-sortable .articleItem .nameItem {z-index:inherit;}
.aside .venues_box .ui-sortable .articleItem .nameItem {font-weight:normal; margin-top:10px; font-size:16px; }
.aside .venues_box .ui-sortable .articleItem span {margin-right:15px;}

.infoyellowbox,
.placeInfoHolder div { background-color:#fafcae; padding:10px; margin:5px 0px; font-size:15px;}
*/
 
#content .p33 {
	width:33.33%;
}
#content .p33 .articleItem {
	padding-top:15px;
	border-top:none;
	padding-bottom:15px;
	border-bottom:solid 1px #c1c1c1;
	font-weight:bold;
	letter-spacing:0.2px;
	word-wrap:break-word;
}
.p33 .articleItem a { color:#444;}
.grey-full-section .p33 h3.headertab { border-top:solid 3px #16c134;}
.grey-full-section .p33 h3.headertab a {color:#333;}

#content .b1 .articleItem,
#content .b1 h3.headertab {margin-right:15px;}
#content .b2 .articleItem,
#content .b2 h3.headertab {margin:0px 7.5px 0px 7.5px;}
#content .b3 .articleItem,
#content .b3 h3.headertab {margin-left:15px;}

#content .p33 {margin-bottom:20px;}
#content .p33 .lastArticleItemB0 { border-bottom:none; }
#content .border-bottom-box .p33 {margin-bottom:0px;}

#content .grey-full-section .p33 .articleItem {
	font-family:Georgia,arial;
	font-weight:bold;
}

/*
.grey-full-section {background-color:#f2f2f2; margin-bottom:30px;} 
.padding-box {padding:25px 0px 20px 0px;}
.border-bottom-box {border-bottom:solid 1px #c1c1c1; margin-bottom:50px;}

*/
 
#body .list div.promophoto { padding-bottom:5px; margin-bottom:10px;}

div.rating_linker_holder {
	color:#666;
	font-size:15px;
	font-style:italic;
	padding:0px !important;
	margin-bottom:15px;
	clear:both;
	line-height:1.5em;
}
div.rating_linker_holder span.link {
	float:right; 
	color:#4CAC29; 
	font-weight:bold; 
	font-family:arial; 
	border-bottom:none; 
	font-style:normal; 
	cursor:pointer;	
}
div.rating_linker_holder span.link:hover {text-decoration:underline;}
div.rating_linker_holder .norated {color:#999;}
.rating_linker_holder em.count {font-size:14px; color:#aaa; position:relative; left:-8px; font-style:normal; font-family:arial;}
small.rating {
    display: block;
    height: 23px;
    width: 120px;
    background: url('../images/stars_big.png') repeat-x left top;
    float:left;
    margin-right:15px;
    cursor:pointer;
}
small.rating em {
    display: block;
    height: 23px;
    width: 24px;
    background: #fff url('../images/stars_big.png') repeat-x left -47px;
}
.odd small.rating em {
    background-color: #f2f2f2;
}
small.r_10 em,
small.r_9 em {
    width: 120px; 
}
small.r_8 em,
small.r_7 em {
    width: 96px; 
}
small.r_6 em,
small.r_5 em {
    width: 72px; 
}

small.r_4 em,
small.r_3 em {
    width: 48px;
}
small.r_1 em,
small.r_2 em {
    width: 24px;
}
small.r_0 {}
small.r_0 em {
    width: 0px;
}
.cykloitem small.rating { margin-right:10px; position:relative; top:-2px;}

.commentNew {
	padding:10px;
}
#body .discussionItem  img.rounded {margin:0px 10px 0px 0px;}
#stars_star { position:relative; z-index:5; float:none; clear:both; overflow:hidden; margin-bottom:5px;}
#content #comments form { padding-top:5px; margin-bottom:0px; }
.commentNew textarea.example { color:#999; }
.commentNew p { margin-bottom:0px; }
.ques { position:absolute; right:15px; top:15px; }
.rating_linker_holder .discussionItem { 
	/*-webkit-border-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-bottomleft: 0; 
	border-radius: 5px;
	border-bottom-left-radius: 0; */
	border-radius: 0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	padding:15px;
	margin-bottom:20px;
	line-height:18px;
	text-align:left;
}
.discussionItem em { color:#666; }
.rating_linker_holder .discussionItem .discText { padding:5px 0px 0px 30px; font-size:14px; line-height:18px;}
.rating_linker_holder .discText img {margin:0px; padding:0px;}
.rating_linker_holder .ratHolder { 
	/*padding:1px 0px 0px 28px; 
	margin:0px 0px 5px 0px;  */
	float:right; 
	position:absolute;
	right:0px;
	top:10px;
}

/*
.rating_linker_holder .ratHolder small.rating { display:block; height: 16px; width:80px; background:url('../img/ico_star_grey.png') repeat-x left top; float:none; }
.ratHolder small.rating em { display:block; height: 16px; width:16px; background:url('../img/ico_star.png') repeat-x left top; }

*/

.ratHolder small.r_2 em, .miniNewsBox small.r_2 em { width:48px; }
.ratHolder small.r_3 em, .miniNewsBox small.r_3 em { width:72px; }
.ratHolder small.r_4 em, .miniNewsBox small.r_4 em { width:96px; }
.ratHolder small.r_5 em, .miniNewsBox small.r_5 em { width:120px; }

.discussionItem small.rating em {
	background-color:#e3e1de;
}

/*
.rating_linker_holder h3, #body .rating_linker_holder .greyBox {text-align:left; }
#content .rating_linker_holder textarea {width:98%; border:none; padding:1%;}
#content .rating_linker_holder input.submitInput {margin-left:0px;}
#content .rating_linker_holder .komentar {padding-bottom:5px; margin-bottom:30px;}
#content .rating_linker_holder .greyBox .holder {margin:0px; padding:10px;}
#content .komentar {padding:0px;}
#content .komentar .button-green {margin-bottom:0px;}
*/


/*
.venues_box .switch { 
	font-weight:normal; 
	color:#ccc; 
	font-size:14px;
	letter-spacing:0.4px;
}
.venues_box .switch em { color:#999; margin-left:10px; font-style:normal; }
.venues_box .switch a {margin-left:10px; text-decoration:none !important; border-bottom:solid 1px #4CAC29; }
.venues_box .switch a:hover {border-bottom:inherit;}

*/

.mb30 {margin-bottom:15px; text-align:center !important; padding-top:5px;}
.link_info {
	background:url('../img/km_sprite.png') no-repeat -1px -209px; 
    padding: 2px 0px 2px 12px;	
    font-size:15px;
}
.mb30 .link_info { margin:0px 5px; }

.mb30 .link_events,
.mb30 .link_cycle {
	background: #47A9AD url('../images/bg_sprite.png') no-repeat 15px -847px;
	padding:8px 15px 8px 55px;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    display:inline-block;
    margin-bottom:10px;
    color:#fff;
    font-family:arial;
    font-size:16px;
    letter-spacing:0.5px;
}
.mb30 .link_events:hover, .mb30 .link_cycle:hover { background-color:#343535; cursor:pointer;}
.mb30 .link_cycle { background-position: 15px -790px; padding-left:50px;}

.cykloitem {
	clear:both;
	overflow:hidden;
	margin-bottom:30px;
}
#body .cykloitem img.floatLeft {
	margin:0px 25px 15px 0px;
	max-width:200px;
}
#body .cykloitem p.cyklodesc {font-size:14px; font-family:arial; overflow:hidden; line-height:18px; }
.cykloitem .attr {font-size:14px;}
/* #body .cykloitem h3 {color:#444;} */
.cykloitem h3 span {font-weight:normal; color:#999; font-size:0.8em;}
#body h2.cyklotitle,
.aside h2.cyklotitle {
	margin-bottom:25px; 
	padding-top:15px; 
	font-family:arial; 
	color:#333;
}

/*#body .greybox {padding:10px 0px 0px 0px; background:#f2f2f2; } */

#body .greybox .link_events, .mb30 .link_cycle {
	min-width:46%;
	margin: 0px 1.5% 10px 1%;
	box-sizing: border-box;
}
#body .align-left {text-align:left; }

#content .p33 h3.headertab {padding-top:20px;margin-bottom:10px;}
#content .p33 h3.headertab a {text-decoration:none; border-bottom:solid 2px #333; }
#content .p33 h3.headertab a:hover {border-bottom:none;}
#content h1.main-title {
	margin-bottom:30px;
	font-size:28px; 
	line-height:26px;
	font-weight:normal;	
	letter-spacing:0.5px;
	padding-top:30px;
}
/*
#content h2.main-title {
	margin:30px auto; 
	font-family:arial; 
	color:#222; 
	font-size:28px; 
	line-height:26px;
	font-weight:normal;	
	letter-spacing:0.5px;
}
*/
h3.nkip-title {color:#333; font-weight:bold; margin:0px 0px 15px 0px; font-size:16px;}
.cykloitem .travelmode {text-align:left; margin-bottom:25px;}
.cykloitem .travelmode span.travelico {float:left; }
.cykloitem .nkip-info {padding-left:10px; display:inline-block; line-height:16px;}

#body .list .nkip {
    padding: 15px 15px 15px 85px;
    background: #f2f2f2 url('../img/logo_nakole.png') no-repeat 15px center;
    overflow: hidden;
    font-size: 16px;
    margin-bottom:0px;
    line-height:16px;
    font-family:arial;
}
#body .list .nkip a {text-decoration:none;}
.nkip strong {display:block; margin-bottom:2px;}
.nkip em {display:block; padding:2px 0px; color:#999; font-style:normal; font-size:13px;}

#main a.addLike,
.contentHead a.addLike {
	float:right;
	padding:0px;
    color: #000000 !important;
    position:relative;
    display:block;
    top:10px; right:0px;
    width: 35px;
    height: 33px;
    background: url('../images/ico_checked.png') no-repeat 0px 0px;
    text-align: center;
    padding-top: 0px;
    font-weight: normal;
    text-shadow: 0px -1px 0px #b30000;
    font-size: 11px;
    color: #fff;
    font-family:arial;
    z-index: 1;  
    margin-left:10px;
  /*  transition: background-position .5s; -webkit-transition: background-position .5s; */
    text-decoration:none;
}
.contentHead a.addLike {
	position:absolute;
	right:20px;
	top:20px;
}
#main a.addLike {
	float:none;
	position:absolute;
	top:25px;
	right:20px;
}


#main a.addLike:hover,
.contentHead a.addLike:hover {
	background-position: 0px -66px;
/*	transition: background-position .5s; -webkit-transition: background-position .5s; */
	text-shadow:inherit; 
}

#main a.liked,
.contentHead a.liked {
	background-position: 0px -99px !important;
/*	transition: background-position .5s; -webkit-transition: background-position .5s; */
	text-shadow:inherit; 
}



#main a.addLike[title-tooltip]:hover:after,
.contentHead a.addLike[title-tooltip]:hover:after,
#content .content-section a.curator-link[title-tooltip]:hover:after,
#content li.noactive a.bubbleHelp[title-tooltip]:hover:after {
	border: 1px solid #e0dc20; 
	color: #333; border-radius: 3px; 
	background: #fafcae; 
	content: attr(title-tooltip); 
	position: absolute; 
	left: -40px; top: 35px; 
	padding: 2px; width: 80px;
	text-align:center;
	line-height:14px;
	padding:0px;
	margin:0px;
	display:block;	
}
#content .content-section a.curator-link[title-tooltip]:hover:after {
	left:inherit;
	right:0px;
	font-size:11px;
}
#main a.addLike span,
.contentHead a.addLike span {display:none !important;}

#content li.noactive a.bubbleHelp[title-tooltip]:hover:after {
	left:0px;
	width:220px;
	font-size:12px;
	padding:3px;
	top:30px;
}

.top-list {
	margin:0px; padding:0px;
	color:#fff;
	font-size:22px;
	font-family:Georgia,arial;	
	font-weight:bold;
}
.top-list li {
	width:100%;
	padding:10px 0px;
	border-bottom:solid 1px #535353;
	list-style-position:inside;
}
.top-list li span {
	color:#9a9791;
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	padding-left:3px;
}
.top-list li.last { border-bottom:inherit;}
.top-list li.n1 span,
.top-list li.n2 span,
.top-list li.n3 span {
	padding:6px 0px 6px 32px;
	background: url('../images/ico_medal.png') no-repeat 0px 0px;
}
.top-list li.n2 span {background-position:0px -45px;}
.top-list li.n3 span {background-position:0px -93px;}
.top-list li a { color:#9a9791; text-decoration:none; }
.top-list li a:hover { text-decoration:underline; }


#souvisejici ul li {padding-left:5px;}
#souvisejici li.novalid {background-color:#f5f5f5;}
.starsRight {float:right; position:relative; top:-5px;}
.aside .cities h3 {margin-bottom:5px;} 
.relatedTrips {list-style:none;}
.relatedTrips li {text-align:center; margin-bottom:15px;}
.relatedTrips li img {margin:0px auto 10px auto;}
.relatedTrips li strong { font-size:14px; font-weight:normal; display:block;}
#mps.bigMap {
	height: 400px;
    display: block;
    position: absolute !important;
    width: 96.4%;
    right: 1.8%;
    z-index: 10000;
}
#mpsHolder .bigMapButton {
	position:absolute;
	right:20px;
	top:0px;
	display:inline-block;
	padding:3px 5px;
	background-color:#fff;
	color:#333;
	text-decoration:underline;
	cursor:pointer;
	z-index:10001;
}

ul.greenList { 
	border-bottom:solid 3px #00CC00;
	margin-bottom:20px;
}
ul.greenList li a {padding:16px 12px;}
ul.greenList li.active a {
	border: solid 3px #00CC00;
	padding-top:12px;
}
ul.greenList li.active {
    margin-top: 1px;
    margin-left:20px;
}    
ul.greenListActive li.active {margin-left:0px;}

#content ul.relatedArticles {
	list-style:none;
	margin:0px;
	padding:0px;
	color:#999;
	margin-bottom:30px;
}
#content ul.relatedArticles li {
	margin-bottom:20px;
	line-height:18px;
	clear:both;
	overflow:hidden;
}
ul.relatedArticles li p {
	margin-bottom:0px;
}
ul.relatedArticles h3 {
	font-size:16px;
	font-weight:normal;
	margin-bottom:15px;
	line-height:20px;
}	
ul.relatedArticles h3 a {
	text-decoration:none;
	border-bottom:solid 1px #4CAC29;
}
#content ul.relatedArticles h3 a:hover {text-decoration:none;border-bottom:none;}
ul.relatedArticles a.art-img-link {
	width:100px;
	height:100px;
	display:block;
	overflow:hidden;
	float:left;
	margin:0px 20px 10px 0px;
	position:relative;
}
ul.relatedArticles a.art-img-link img {
	position:absolute;
	left:-60%;
	top:0px;
}
ul.relatedArticles a.img-news img { width:140px; left:-20%; top:-1px; }

.aside p a.weather { background:url('../img/pocasi.png') no-repeat left top; padding:2px 0px 2px 30px; text-decoration:none; }
.aside p a.weather:hover {color:#666;}
.aside p.weather-holder {padding:20px 0px; margin:0px; font-size:14px;}


@media screen and (max-width: 1000px)
{
	/*.tripTop .trip { width:23%; margin:0px 1%; }	 */
	#filterForm #fieldset_submit_events {margin-right:0px;}
	.vylet .p33 .articleItem {font-size:14px;}
}

@media only screen and (max-width: 940px)
{
	.tripTop {padding:10px 0px;}
	.trip .travelmode span.travelico {margin-right:5px;}
	.vylet .venues_box .articleItem.nameItem {font-size:14px;}
}

@media only screen and (max-width: 820px)
{
	.tripTop {padding:5px 0px;}
	/*.tripTop .trip {width:24%; margin:0px 0.5%;	}
	.tripTop .trip a {min-height:240px;}	
	.tripTop .trip strong {bottom:28%; font-size:16px;}
	*/
	.vylet .venues_box .articleItem {font-size:15px;}
	h1.top-h1 {font-size:2.2em; margin:20px auto;}
	
	.bs-1, .bs-2, .bs-3 {float:none; width:inherit; text-align:center;}
	.bs-1 label, #filterForm fieldset label.place {display:inline;}
	#other-places {padding-top:15px;}
	#other-places span.tag {display:inline-block; float:none;}
	
	#tripsBox,
	#myTripBox,
	#tripMap {float:none; width:inherit;}	
	#mpsHolder .bigMapButton {
		display:none;
	}
	
	.p33 { width:33.2%;}
	.p33 .locality a.greyLinkLight {display:none;}
}

@media only screen and (max-width: 680px)
{	
	#body .list div.item {padding-right:10px;}
	#body .infotext, #body .list p, #body .list div.textv {font-size:14px; line-height:20px;}
	#content ul.greenListActive li {border-bottom:solid 1px #ddd;}
}