body{
	margin:0;
	padding:0;
	color: #000000;
	font: 81.25% Arial, Helvetica, sans-serif;
	background: #ededed url(../images/design/bg-page.gif) repeat-x 0px 0px;
}
h1, h2, h3, h4, h5, h6, p, div, hr, form, th, td {
	padding: 0px;
	margin: 0px;
}
a {
	color: #002D64;
}
a:hover {
	text-decoration: none;
}

img {
	border: none;
}

#logo{
  position: absolute; 
  top: 46px;
  right: 54px; 
}

#logo img, #logo{
  width:  180px; 
  height: 180px;
}
.cleaner {
	margin: 0px auto;
	width: 100%;
	visibility: hidden;
	clear: both;
	font-size: 0%;
}
.header, .content, .footer {
	margin: 0px auto;
	clear: both;
}	
.header {
	height: 232px;
	width: 970px;
	background: url(../images/design/bg-header.jpg) no-repeat;
	position: relative;
}
.header h1, .header h2 {
	display: block;
	float: left;
	padding-top: 30px;
	padding-left: 60px;
	color: #FFFFFF;
	font-size: 280%;
	line-height: 0.9em;
	height: 140px;
}
.header span {
	font-size: 75%;
	font-weight: normal;
}
.header em {
	font-style: normal;
	font-weight: normal;
	font-size: 50%;
}

.header strong {
	font-size: 80%;
}
.header ul {
	display: block;
	margin: 0px;
	padding: 20px 0px 0px 40px;
	list-style: none;
	clear: both;
	float: left;
	width: 780px;
}
.header li {
	float: left;
	padding-right: 17px;
	padding-left: 17px;
	display: inline;
	background: url(../images/design/bg-top-menu.gif) no-repeat 0px 2px;
}
.header li a {
	/*text-decoration: none;*/
	color: #000000;
	font-weight: bold;
}
.header li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.header .homelink {
	/*background: url(none);*/
}
.header .flags {
	float: right;
	padding-top: 25px;
	padding-right: 20px;
	width: 100px;
}
.flags img {
	float: right;
	margin-left: 3px;
}




.content {
	width: 950px;
	background: #FFFFFF;
	padding: 7px 10px 10px;
	
}
.content .left {
	float: left;
	width: 265px;
}
.left .hostels-offer {
	background: url(../images/design/bg-hostels-left.gif) no-repeat;
	width: 265px;
}
.hostels-offer h3 {
	clear: both;
	height: 42px;
	width: 235px;
	padding-left: 30px;
	font-size: 110%;
	padding-top: 8px;
}
.left  .left-info-top {
	background: url(../images/design/bg-info-left-top.gif) no-repeat 0px 0px;
}
.left .left-text {
	background: #FEDFC1;
	padding-left: 20px;
	font-size: 95%;
	padding-bottom: 20px;
}
.left .long-left {
	padding-bottom: 100px;
}

.left-text h4 {
	font-size: 110%;
	margin-bottom: 15px;
}
.left-text address {
	font-style: normal;
	display: block;
}
.left-text address a {
	color: #000000;
}
.left-text ul {
	padding: 0px 0px 0px 12px;
	margin: 0px;
}
.left .no-text {
	background: url(../images/design/bg-left-info.gif) no-repeat;
	height: 21px;
}



.hostels-offer .hostels-left {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 13px;
	clear: both;
	width: 265px;
	background: #FF9326 url(../images/design/bg-hostels-bottom.gif) no-repeat 0px bottom;
	font-size: 95%;
}
.hostels-left li {
	clear: both;
	padding-left: 35px;
	padding-top: 7px;
	background: url(../images/design/bg-list-hostels.gif) no-repeat 18px 9px;
}
.hostels-left li a {
	/*text-decoration: none;*/
}
.hostels-left li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.content .main {
	float: left;
	padding-left: 30px;
	width: 645px;
	padding-top: 10px;
	padding-right: 10px;
	background: url(../images/design/bg-main.jpg) no-repeat 10px 0px;
}
.content .detail {
	padding-top: 20px;
}

.content    .small-main, .content   .map-main, .content  .text-main {
	background: url(../images/design/bg-main-small.jpg) no-repeat 10px 0px;
	width: 377px;
	padding-left: 20px;
}
.content .map-main {
	background: url(../images/design/bg-home-map.jpg) no-repeat 10px 0px;
	height: 358px;
	padding-bottom: 0px;
}
.content .text-main {
	padding-right: 20px;
	padding-left: 30px;
	width: 357px;
}

.map-main  img  {
	float: right;
}
.main h1,
.main h2,
.main h3,
.main h4{
	margin-top: 20px;
	margin-bottom: 10px; 
	display: block;
}

.main h1 {
   margin-top: 0;
	font-size: 150%;
	/*clear: both;*/
}

.main h2 {
	font-size: 130%;
	clear: both;
}

.main h3 {
	font-size: 110%;
}
.box-hostel-card h3{
	margin: 0;
}

.main p {
	/*clear: both;*/

}
.main a {
	color: #000000;
	text-decoration: underline;
}
.text-main ul {
	margin: 10px 0px 0px 15px;
	padding: 0px;
	clear: both;
	list-style: none;
	font-size: 95%;
}
.text-main li {
	margin: 0px;
	padding: 0px 0px 0px 12px;
	background: url(../images/design/bg-main-ul.gif) no-repeat 0px 6px;
	/*height: 18px;*/
}


.main .title-text {
	display: block;
	clear: both;
	height: 80px;
}
.main .box-hostel-card {
	float: left;
	width: 312px;
	font-size: 85%;
	margin-bottom: 18px;
}
.main .left-hostel {
	padding-right: 20px;
}

.box-hostel-card span {
	display: block;
	float: right;
	height: 101px;
	width: 134px;
	padding-left: 4px;
	padding-top: 4px;
	border: 1px solid #fedfc1;
}
.box-hostel-card h3 {
	display: block;
	float: left;
	width: 165px;
	font-size: 130%;
}
.box-hostel-card p {
	display: block;
	float: left;
	width: 160px;
	margin-top: 10px;
	clear: none;
}
.box-hostel-card ul {
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 165px;
	display: block;
	list-style: none;
}
.box-hostel-card li {
	background: url(../images/design/bt-list.gif) no-repeat 0px 5px;
	padding-left: 10px;
}
.main .img-in-txt {
	height: 116px;
	width: 153px;
	padding-top: 4px;
	padding-left: 4px;
	float: left;
	margin-right: 15px;
	border: 1px solid #fedfc1;
	margin-top: 10px;
	margin-bottom: 10px;
}
.main .search-one {
	display: block;
	float: left;
	height: 245px;
	width: 326px;
	background: url(../images/design/bg-search.jpg) no-repeat 0px 0px;
	margin-left: 15px;
	margin-bottom: 40px;
}
.search-one h3 {
	display: block;
	clear: both;
	font-size: 100%;
	padding-top: 10px;
	padding-left: 19px;
	height: 20px;
	margin-bottom: 27px;
}
.search-one label {
	display: block;
	font-weight: bold;
	width: 75px;
	padding-left: 25px;
	float: left;
}
.search-one input {
	float: left;
	border: 1px solid #acabc2;
	padding: 2px 2px 0px 4px;
	height: 15px;
	width: 159px;
	display: block;
	font-size: 85%;
	margin-bottom: 8px;
	margin-right: 5px;
}
.search-one select {
	float: left;
	border: 1px solid #ACABC2;
	padding: 2px;
	height: 18px;
	width: 50px;
	font-size: 85%;
}
.search-one .input-next {
	height: 29px;
	width: 122px;
	margin-top: 10px;
	margin-left: 18px;
	border-style: none;
	float: left;
}

.search-one img {
	float: left;
}


.search-one .day {
	width: 25px;
}
.search-one .year {
	width: 54px;
}
.search-one .night {
	width: 40px;
}








.content .right {
	float: right;
	width: 269px;
	padding-left: 9px;
}
.main .left-column {
	float: left;
	width: 205px;
	padding-right: 10px;
}
.left-column p {
	font-size: 85%;
	line-height: 1.5em;
}
.left-column ul {
	margin: 0px;
	padding: 0px 0px 10px 15px;
	font-size: 85%;
}
.main li, 
.main .left-column li {
	list-style: none;
	background: url(../images/design/bg-main-ul.gif) no-repeat 0px 5px;
	display: block;
	padding-left: 15px;
}
.main .left-column h3 {
	display: block;
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 105%;
}

.main .right-column {
	float: right;
	width: 430px;
}
.right-column .map-next {
	clear: both;
	height: auto;
	width: auto;
	float: left;
	margin-top: 15px;
	position: relative;
}




.right-column .img-detail {
	height: 213px;
	width: 284px;
	border: 4px solid #fbe0c5;
	padding: 6px;
	background: #FFFFFF;
	float: left;
	position: relative;
}
.right-column .img-scroll {
	float: right;
	height: 225px;
	overflow: hidden;
	width: 117px;
	border: 4px solid #ffdec2;
	position: relative;
	background: #FFFFFF;
}

.img-scroll {
	float: left;
	width: 105px;
	height: 209px;
	position: absolute;
	left: 5px;
	top: 0;
	overflow: hidden;
}
.in-scroll img {
	margin-bottom: 6px;
}
.img-detail  .top-scroll {
	position: absolute;
	left: 353px;
	top: -15px;
	visibility: visible;
	height: 12px;
	width: 23px;
}
.img-detail  .bottom-scroll {
	position: absolute;
	left: 353px;
	top: 249px;
}


.in-scroll {
	float: left;
	width: 105px;
	/*height: 209px;*/
	position: absolute;
	left: 8px;
	top: 0;
	overflow: hidden;
}

.in-scroll a {
	width:105px;
	height:77px;
	display:block;
	text-decoration:none;
}
.img-scroll .navi,
#scrollable .items{
  margin-left: 6px;
}
.img-scroll ul,
.img-scroll li{
  list-style-type: none;
  padding:0;
  margin:0;
}










.footer {
	height: 66px;
	width: 970px;
	background: url(../images/design/bg-footer.jpg) no-repeat;
}

.footer-links {
	height: 150px;
	background: url(../images/design/bg-footer-links.gif) no-repeat 0px 0px;
	padding-top:1em;
}
.footer-links .hostels-link td{
	font-size: 85%;
}

.hostels-link table{
	margin-left: auto;
	margin-right: auto;
}

/*
.footer-links   .hostels-link {
	margin: 0px;
	padding: 18px 42px 0px;
	display: block;
	font-size: 85%;
	list-style: disc;
	height: 88px;
	clear: both;
	width: 886px;
	float: left;
}

.footer-links  span {
	list-style: disc;
	padding-left: 16px;
	display: block;
	float: left;
	padding-right: 12px;
	height: 20px;
	background: url(../images/design/bg-bulet-links.gif) no-repeat 0px 5px;
	white-space: nowrap;
	width: auto;
}
*/

.footer p {
	font-size: 85%;
	display: block;
	float: left;
	padding-top: 32px;
	padding-left: 30px;
	clear: both;
	width: 80%;
}
.footer a {
	color: #000000;
	/*text-decoration: none;*/
}
.footer a:hover {
	text-decoration: underline;
}

.strong {
  font-weight: bold;
}

.tright{
 text-align: right;
}

table{
 border: 2px solid #FF9326;
 border-collapse: collapse;
}

th{
 background-color: #FF9326;
 border-bottom: 1px solid #000;
}

td, th{
 padding: 4px;
 vertical-align: top;
}

em{
  font-size: 75%;
}
.noborder{
	border: 0;
}
div.sleva{
	color: red;
	font-weight: bold;
}
.pos-relative{
	position: relative;
}
.nobr{
  white-space: nowrap;
}

.boxorange {
  background:#FF9326 url("../images/design/corner-lt.gif") left top no-repeat;
  color: white;
}

.boxorange .right-top{
  background: transparent url("../images/design/corner-rt.gif") right top no-repeat;
}
.boxorange .right-bottom{
  background: transparent url("../images/design/corner-rb.gif") right bottom no-repeat;
}
.boxorange .left-bottom{
  background: transparent url("../images/design/corner-lb.gif") left bottom no-repeat;
}
dl.zend_form dd{
 margin:0 0 10px;
}
.required{
  font-weight: bold;
}
.boxorange .required{
 color: black;
}

.boxorange a{
  color: #000;
}
dl.zend_form input,
dl.zend_form textarea
{
 width: 350px;
}
ul.errors{
 list-style-type: none;
 color: #EC3D12;
 font-weight:bold;
 padding:0;
}

ul.errors li{
 margin: 5px 0 10px;
}
/****** Image Rotator ****/
/* rotator in-page placement */
div#rotator {
	position:relative;
	height:177px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	background: none;
	padding:0;
	
}
/* */
div#rotator ul{
   margin:0;
   padding:0;
}

/* rotator image style */	
	div#rotator ul li img {
	border:0;
	padding: 0;
	background: #FFF;
}
div#rotator ul li.show {
	z-index:1;
}

/*************************/
#images {
   margin-bottom: 10px;
}
/******* Carusel ********/
#right-column {
	float: right;
	width: 430px;
}
#img-detail{
    
    height: 213px;
	width: 284px;
	border: 4px solid #fbe0c5;
	padding: 6px;
	background: #FFFFFF;
	float: left;
	position: relative;
	margin-top: 22px;
}
#img-carousel{
    float:right;
    margin-right: 4px;
}
#mycarousel{
    margin-left: 6px;
    list-style-type: none;
}
#mycarousel li{
    list-style-type: none;
    background: none;
    padding:0;
}
li.jcarousel-item img{
   cursor: pointer;
}
/************************/

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

a[href^="error:"] {
	background: red;
	color: white;
}
