body {
	font-family:			Arial, Calibri, "Segoe UI", "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	font-size:				14px;
	color:					  #494949;
	padding:				  0px;
	margin:					  0px;
  background:				/*#79c4cd*/ #bee8ed url( "/system/images/design2/bg_background2.jpg" ) center top repeat-x;
}

* html body {
  text-align:       center;
}

.center {
  text-align:       center;
}

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

.nopadding {
  padding:          0px;
}

ul, ol {
  padding:          0px 0px 10px 30px;
  margin:           0px;
}

a {
	color:          #128e9c;
	text-decoration:		none;
}

a:hover {
	color:          #128e9c;
	text-decoration:		underline;
}

form, table {
  padding:          0px;
  margin:           0px;
}

.noScreen {
	display:				none;
}

div.pageClear {
	clear:					both;
}

div.pageBody {
}

div.pageBodyTop {
	width:					1200px;
	margin:					auto;
  padding:        0px;
  position:         relative;
}

div.pageBodyTopNormal {
	width:					1000px;
	margin:					auto;
  padding:        0px;
  position:         relative;
}

* html div.pageBodyTop {
  text-align:     left;
}

div.pageHead {
	position:				relative;
	top:					0px;
	height:					59px;
	margin:        0px 0px 30px 0px;
  background:				url( "/system/images/design2/bg_head.png" ) right top repeat;
}

div.pageHeadMain {
  width:          1200px;
  margin:         auto;
  position:       relative;
}

div.pageHeadMainNormal {
  width:          1000px;
  margin:         auto;
  position:       relative;
}

h1.titleMain {
  padding:        0px;
  margin:         0px;
}

h1.titleMain a {
  display:        block;
  width:          463px;
  height:         44px;
  position:       absolute;
  top:            6px;
  left:           3px;
  background:			url( "/system/images/erzgebirge/bg_logo.png" ) left top no-repeat;
}

h1.titleMain a span {
	display:				none;
}




/* obsah */
div.pageContent {
	position:          relative;
	padding:           0px 0px 0px 0px;
	margin:            0px 0px 0px 0px;
  min-height:       500px;
}

* html div.pageContent {
  height:       500px;
}

h1, h2, h3, h4, h5 {
  font-size:      24px;
  color:          #a20b0d;
  font-weight:    normal;
  padding:        0px 0px 0px 0px;
  margin:         0px 0px 0px 0px;
}

h3 {
  font-size:      20px;
  margin-top:     20px;
}

h4 {
  font-size:      18px;
  margin-top:     20px;
}

h5 {
  font-size:      16px;
  margin-top:     20px;
}

/* obsah end */


div.pageContentLeft {
  width:          947px;
  float:          left;
}

div.pageContentRight {
  width:          238px;
  float:          right;
  margin-top:     0px;
}


.pageSearch .formTitle {
  padding:        0px 0px 0px 0px;
  margin:         0px 0px 15px 0px;
  color:          #fff;
  font-size:      22px;
  font-weight:    bold;
  height:         46px;
  line-height:    46px;
  display: inline-block;
}

.pageSearch h2.title {
  padding:        0px 0px 0px 0px;
  margin:         0px 0px 15px 0px;
  color:          #fff;
  font-size:      22px;
  font-weight:    bold;
  height:         46px;
  line-height:    46px;
  display: inline-block;
}

.pageSearch .block {
  display: inline-block;
  padding-left: 30px;
  text-align:center;
  height: 45px;
  vertical-align: middle;
}

.block .titleBlock {
	font-size: 16px;
}

.block .claim {
	font-size: 18px;
	font-weight:bold;
}

.pageSearch .divider {
  display: inline;
  padding-left: 30px;
  background: url("/system/images/design2/search_divider.png") right 0 no-repeat;
  width: 2px;
  height: 40px;
}


div.pageMainTitle h3 {
  background:			url( "/system/images/design2/bg_title.png" ) left top no-repeat;
  padding:        0px;
  margin:         15px 0px -10px 0px;
  font-size:      21px;
  font-weight:    bold;
  color:          #fff;
  text-align:     center;
  height:         45px;
  line-height:         36px;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  box-shadow:    #ababab 1px 2px 2px;  
}


.hotelDescription {
	padding-left:10px;
	/*padding-top:10px;*/
	padding-right:10px;
	text-align:justify;
}

/* hotel */
div.pageHotel {
  padding:        0px 15px 10px 0px;
  margin:         0px 0px 15px 0px;
  background:			#fff url( "/system/images/design2/bg_hotel.png" ) left bottom repeat-x;
  border:         8px solid #fff;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  box-shadow:    #5d979e 1px 2px 2px;
}

div.pageHotelLeft {
  float:        left;
  width:        610px;
  position:     relative;
  padding:      10px 0px 0px 25px;
  background:		url( "/system/images/erzgebirge/bg_logo_hotel.png" ) 0px 0px no-repeat;
}

div.pageHotelRight {
  float:        right;
  width:        265px;
  position:     relative;
  margin:       0px 0px 0px 0px;
}

div.pageHotel h3 {
  color:          #128e9c;
  padding:          0px 0px 0px 62px;
  margin:           0px;
  font-size:        23px;
  letter-spacing:   0px;
  font-weight:      bold;  
}

div.info h3 {
  color:          #128e9c;
  padding:          0;
  padding-top: 10px;
  padding-bottom: 5px;
  margin:           0 !important;
  font-size:        23px;
  letter-spacing:   0px;
  font-weight:      bold;  
}

div.pageHotel h3 a {
  color:          #128e9c;
}

div.pageHotel div.iconInfo {
  font-size:        14px;
  color:            #888888;
  margin-bottom:    15px;
  padding:          0px 0px 0px 35px;
  padding-bottom: 10px;
}

div.pageHotel div.map {
  font-size:        14px;
  color:            #888888;
  margin-bottom:    15px;
  padding:          0px 0px 0px 63px;
  padding-bottom: 10px;
}

div.pageHotel div.iconInfo div.heart {
  background:			url( "/system/images/design2/icon_heart.gif" ) left center no-repeat;
  padding:          0px 0px 3px 17px;
  border-bottom:    1px dotted #5b5b5b;
}


div.pageHotel div.iconInfo div.parking {
  background:			url( "/system/images/design2/icon_parking.gif" ) left center no-repeat;
  padding:          3px 0px 3px 17px;
}

div.pageHotel div.iconInfo div.natural {
  background:			url( "/system/images/design2/natural12.png" ) left center no-repeat;
  padding:          0px 0px 3px 17px;
  border-top:    1px dotted #5b5b5b;
}

div.pageHotel div.iconInfo div.map {
  font-size:      14px;
  color:          #5b5b5b;
  position:       absolute;
  top:            58px;
  right:          10px;
}


div.pageHotel div.pageRating {
  background:			url( "/system/images/design2/icon_rating.gif" ) right center no-repeat;
  position:       absolute;
  top:            4px;
  right:          0px;
  padding:         0px 40px 0px 0px;
}

div.pageHotel div.pageRating div.score {
  color:        #f28f0e;
  font-size:    23px;
  letter-spacing:   -1px;
  font-weight: normal;
}
div.pageHotel div.pageRating div.score span {
  font-size:    28px;
}

div.pageHotel div.pageRating div.totalVote {
  font-size:        11px;
  color:            #888888;
}

div.pageHotelRight img {
  border:       7px solid #dee2e2;
  margin-bottom:  10px;
  position:     relative;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

div.pageHotelRight span {
  background:			url( "/system/images/design2/bg_top_photo.png" ) top center no-repeat;
  position:       absolute;
  display:        block;
  top:            7px;
  left:           7px;
  height:         43px;
  line-height:    42px;
  width:          248px;
  text-align:     center;
  text-transform:   uppercase;
  font-weight:    bold;
  font-size:      18px;
  color:          #fff;
}

.recommendedHotel {
  background:			url( "/system/images/design2/bg_top_photo.png" ) top center no-repeat;
  display:        block;
  top:            7px;
  right:           200px;
  position: absolute;
  height:         43px;
  line-height:    42px;
  padding-left: 10px;
  padding-right: 10px;
  text-align:     center;
  text-transform:   uppercase;
  font-weight:    bold;
  font-size:      18px;
  color:          #fff;
}

/* hotel BALICKY */
div.hotelPackages {
  margin-bottom:    15px;
  font-size: 14px;
  color:            #494949;
}

div.hotelPackages a {
  color:            #494949;
  font-size: 14px;
}

div.hotelPackages .package a:hover {
  color:            #128e9c;
}

div.hotelPackages a.offer {
  color:            #128e9c;
}

div.hotelPackages .package a:hover.offer {
  color:            #E86203;
}

div.hotelPackages h3 {
  font-size:      18px;
  padding:        0px 0px 0px 10px;
  margin:         0px;
  color:          #128e9c;
  height:         27px;
  line-height:    26px;
  border:         none;
}

div.hotelPackages h3 a {
  color:          #128e9c;
}

div.hotelPackages div.package {
  background:			url( "/system/images/design2/bg_package.png" ) left top repeat-x;
  font-size:      13px;
  color:          #494949;
  height:         23px;
  line-height:    23px;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  padding:        0px 10px 0px 10px;
  margin:         0px 0px 3px 0px;
}

div.hotelPackages div.name {
  float:            left;
  width:            335px; //350px;
}

div.hotelPackages div.TopPackage div.name {
  margin-left:    -20px;
  padding-left:   20px;
  background:			url( "/system/images/design2/icon_topkur_package.png" ) 0px center no-repeat;
}

div.hotelPackages div.persones {
  float:            left;
  width:            85px;
}

div.hotelPackages div.nights {
  float:            left;
  width:            70px;
}

div.hotelPackages div.price, div.hotelPackages div.priceSpa {
  float:            right;
  width:            100px;
  font-weight:      bold;
  font-size:        16px;
  text-align:       right;
  color: #e86203; /*#128E9C;*/
}

div.hotelPackages:hover, div.hotelPackages div price:hover, div.hotelPackages div.priceSpa:hover {
  color: #128E9C;
}

div.hotelPackages div.priceSpa a {
  /*color: #128E9C; */          /*#444444;*/
}

div.hotelPackages div.price a {
 /* color: #128E9C; */          /*#444444;*/
}



div.hotelPackages div.TopPackage a, div.hotelPackages div.TopPackage div.price a {
  color:          #e86203;
}

div.moreInfo {
  border-top:     1px dotted #5b5b5b;
  padding:        20px;
  padding-top:35px;
  text-align:     center;
}

div.moreInfo a {
  color:            #fff;
  font-size:        13px;
  text-transform:   uppercase;
  font-weight:      bold;
  background:			  #35909b url( "/system/images/design2/bg_button.gif" ) left top repeat-x;
  padding:          8px 25px 8px 25px;
  margin:           0px 0px 0px 0px;
  border:           2px solid #fff;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  box-shadow:    #658589 1px 2px 2px;
}
/* hotel BALICKY end */
/* hotel end */





a.linkNext {
  font-size:      23px;
  font-weight:      bold;
  color:          #217981;
  text-align:     right;
  float: right;
  border-bottom:  1px dotted #217981;
  //display:        block;
  margin:         0px 0px 15px 0px;
}

a.linkNext:hover {
  text-decoration:		none;  
}

a.linkPrev {
  font-size:      23px;
  font-weight:      bold;
  color:          #217981;
  float:left;
  text-align:     left;
  border-bottom:  1px dotted #217981;
  //display:        block;
  margin:         0px 0px 15px 0px;
}

a.linkPrev:hover {
  text-decoration:		none;  
}




/* hledání */
div.pageSearch {
  padding:        0px 0px 0px 25px;
  margin:         0px;
  min-height:     160px;
  
  background:			url( "/system/images/design2/bg_search2.jpg" ) left top no-repeat;
  color:          #fff;
  font-size:      15px;
  border:         3px solid #e6e5e5;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

div.pageSearch h2 {
  padding:        0px 0px 0px 0px;
  margin:         0px 0px 15px 0px;
  color:          #fff;
  font-size:      22px;
  font-weight:    bold;
  height:         46px;
  line-height:    46px;
}

div.pageSearch div.formLeft, div.pageSearch div.formRight, div.pageSearch div.formCenter {
  width:          350px;
  float:          left;
  text-shadow:    #b9ab1d 1px 2px 2px;
}

.formCenter {
	padding-top: 5px;
}

.pageButton {
	padding-top: 10px;
	text-align: center;
}

div.pageSearch {
	/*margin-bottom: 15px;*/
}

div.pageSearch div.formRight {
  width:          560px;
  float:          right;
}
 
div.pageSearch label {
  text-shadow:    #91540b 1px 2px 2px;
  font-size:      18px;
}


div.pageSearch label strong {
  font-size:      18px;
}

div.pageSearch div.pageDates label {
  //font-weight:      bold;
  float:            left;
  width:            170px;
  font-size: 18px;
}

div.pageSearch div.formLeft div, div.pageSearch div.formRight div {
  margin-bottom:    8px;
}

div.pageSearch div.pageDates input {
  color:            #000;
  padding:          0px 5px 0px 5px;
  margin:           0px 0px 0px 0px;
  border:           1px solid #abadb3;
  height:           20px;
  width:            150px;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

.contactForm input {
	color:            #000;
  padding:          0px 5px 0px 5px;
  
  margin-bottom: 5px;
  border:           1px solid #abadb3;
  height:           20px;
  width:            200px;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

.contactForm select {
	color:            #000;
  padding:          0px 5px 0px 5px;
  margin-bottom: 5px;
  border:           1px solid #abadb3;
  height:           20px;
  width:            210px;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

.contactForm textarea {
	color:            #000;
  padding:          0px 5px 0px 5px;
  margin-bottom: 5px;
  margin:           0px 0px 0px 0px;
  border:           1px solid #abadb3;
  
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

textarea.detailForm {
  color:            #000;
  padding:          0px 5px 0px 5px;
  margin:           0px 0px 0px 0px;
  border:           1px solid #abadb3;
  width:            150px;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;

}

div.pageDetailSearch a {
  font-size:        14px;
  //font-weight:       bold;
  color:            #fff;
  margin-top:        0px;
  display:            block;
  //text-align:center;
}

div.pageButton input {
  color:            #fff;
  font-size:        22px;
  //text-transform:   lowercase;
  //font-weight:      bold;
  background:			  url( "/system/images/design2/black70.png" ) left top repeat;
  padding:          0px 25px 0px 25px;
  margin:           0px 0px 0px 0px;
  height:           40px;
  
  line-height:      40px;
  border:           2px solid #fff;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  box-shadow:    #be7209 1px 2px 2px;
}
/* hledání end*/













/* operatorky */
div.pageServis {
  background:       #fff;
  padding:          8px 8px 0px 8px;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  box-shadow:    #ababab 1px 2px 2px;
  position:         relative;
  text-align: center;  
}

span.statusOn, span.statusOff {
  display:          block;
  position:         absolute;
  top:              132px;
  left:             0px;
  width:            86px;
  height:           31px;
  padding:          0px 0px 0px 0px;
  line-height:      30px;
  background:			  url( "/system/images/design2/on.png" ) left top repeat;
  color:            #fff;
  text-align:       center;
}

div.pageServis a.chat span {
  color:            #fff;
}

span.statusOff {
  background:			  url( "/system/images/design2/off.png" ) left top repeat;
  top:              115px;
}

div.pageServis h3 {
  padding:        5px 0px 0px 0px;
  margin:         0px 0px 10px 0px;
  color:          #f28f0e;
  font-size:      15px;
  font-weight:    bold;
  letter-spacing:   -1px;
}

div.pageOperator {
  font-size:      14px;
  color:          #128e9c; //#f28f0e;
  margin-bottom:  5px;
  position:       relative;
  text-align: left;
}

div.pageOperator span {
  color:          #2c2c2c;
  display:        block;
} 

div.pageOperator div.name {
  color:          #128e9c;
  font-size:      14px;
  font-weight:    bold;
  margin-bottom: 5px;
}

div.pageOperator div.pageOperatorInfo {
  float:           right;
  width:          130px;
}

div.pageOperator img {
  border:         3px solid #dee2e2;
  width: 80px;
  float:          left;
}

div.pageServisInfo, div.pageServisChat {
  font-size:      11px;
  color:          #888888;
  margin-bottom:  15px;
}

div.pageServisInfo p {
  padding:    0px 0px 15px 0px;
  font-size: 14px;  
}

div.pageServisInfo a, div.pageServisChat a {
  font-size:      12px;
  background:     #b4e3e1;
  color:          #000;  
  display:        block;
  font-weight:    bold;
  text-align:     center;
  padding:          5px 0px 5px 0px;
  margin-bottom:    5px;
  text-transform:   uppercase;
  text-shadow:    #cceceb 1px 2px 2px;
  box-shadow:     #bababa 2px 3px 2px;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

div.pageServisInfo a:hover, div.pageServisChat a {
  text-decoration:   none;
  background:       #50a610;
  color:            #fff;
  text-shadow:      none;    
}

div.pageServisChat p {
  padding:    5px 0px 0px 0px;  
}
/* operatorky end */
















/* menu */
div.mainMenu ul.mainMenu {
  padding:           0px 0px 0px 0px;
  margin:            -90px 0px 0px 0px;
  list-style-type:   none;
  position:          absolute;
  top:               0px;
  right:             180px;
  height:            67px;
}

div.mainMenu ul.mainMenu li {
  padding:           0px;
  margin:            0px 0px 0px 0px;
  margin-top: 10px;
  list-style-type:   none;
  height:            67px;
  line-height:       56px;
  float:              left;  
}

div.mainMenu ul.mainMenu li a {
  text-decoration:   none;
  padding:           0px 10px 0px 20px;
  margin:            0px 0px 0px 0px;
  height:            67px;
  line-height:       56px;
  float:              left;
  font-size:          12px;
  font-weight:          normal;
  color:              #fff;
}

div.mainMenu ul.mainMenu li a:hover, div.mainMenu ul.mainMenu li a.linkActive {
  color:              #fff;
  background:			   url( "/system/images/design2/icon_menu_active.png" ) 50% 83% no-repeat;
}

/* menu end */


.cart {
	background:	url( "/system/images/design2/cart.png" ) 0px 15px no-repeat;
	//margin-top:0px !important;
	color:white;	
}
.cart a {
	margin-left:10px !important;
		
}

/* jazykové menu */
div.mainLangMenu ul.mainLangMenu {
  padding:           0px 0px 0px 0px;
  margin:            0px 0px 0px 0px;
  list-style-type:   none;
  position:          absolute;
  top:               -144px;
  right:             0px;
}

div.mainLangMenu ul.mainLangMenu li {
  padding:           0px;
  margin:            0px 0px 0px 0px;
  list-style-type:   none;
  float:             left;  
}

div.mainLangMenu ul.mainLangMenu li a {
  text-decoration:   none;
  padding:           0px 0px 0px 0px;
  margin:            0px 0px 0px 10px;
  float:             left;
  width:            23px;
  height:           15px;
}

div.mainLangMenu ul.mainLangMenu li a.cz {
  background:			   url( "/system/images/design2/lang_cz.gif" ) left top no-repeat;
}

div.mainLangMenu ul.mainLangMenu li a.de {
  background:			   url( "/system/images/design2/lang_de.gif" ) left top no-repeat;
}

div.mainLangMenu ul.mainLangMenu li a.ru {
  background:			   url( "/system/images/design2/lang_ru.gif" ) left top no-repeat;
}

div.mainLangMenu ul.mainLangMenu li a span {
  display:           none;
}
/* jazykové menu end */








div.pageBottom {
  margin:           0px 0px 0px 0px;
  padding:          0px 0px 0px 0px;
  position:         relative;
  background:       #63a1a8;
}

div.pageBottomMain {
  margin:           auto;
  width:            1200px;
  position:         relative;  
}

div.bottomLinks {
  text-align:       center;
  font-size:        12px;
  color:            #fff;
  padding:          20px 240px 20px 0px;
}

div.bottomLinks a {
  color:            #fff;
}

div.bottomLinks h4 {
  color:            #fff;
  font-size:        23px;
  padding:          0px;
  margin:           0px;
}

div.bottomLinks ul.mainMenu {
  padding:          0px;
  margin:           0px 0px 10px 0px;
  list-style-type:  none;
}

div.bottomLinks ul.mainMenu li {
  display:          inline;
  border-right:     1px solid #fff;
  color:            #fff;
}

div.bottomLinks ul.mainMenu li a {
  color:            #fff;
  padding:          0px 5px 0px 5px;
}

/* currency */
.selectbox {
	width: 65px;
	height: 24px;
	position: relative;
	background: url("/system/images/design2/selectbox.png") 0 0 no-repeat;
}

.selectboxCurrency {
	width: 75px;
	height: 24px;
	position: relative;
	background: url("/system/images/design2/selectbox2.png") 0 0 no-repeat;
}

.selectbox.language {
	position: absolute;
	right: 0px;
	top: -73px;
}

.selectboxCurrency.currency {
	position: absolute;
	right: 70px;
	top: -73px;
}

.selectbox ul {
	width: 63px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 24px;
	background: #fff;
	
}

.selectbox:hover ul {
	border: 1px #d5d5d5 solid;
	
}

.selectbox ul li {
	list-style: none;
	display: none;
	padding: 2px 0 2px 15px;
}

.selectbox:hover ul li {
	display: block;
}

.selectbox ul li.active {
	position: absolute;
	left: 0px;
	top: -23px;
	display: block;
}

.selectbox:hover ul li.active {
	left: -1px;
	top: -24px;
	background: transparent;
	
}

.selectbox ul li a {
	color: #292929;
	text-decoration: none;
	font-size: 13px;
	display: block;
}

.selectbox ul li:hover {
	background: #f9f9f9;
}

.selectbox ul li img {
	vertical-align: top;
	position: relative;
	top: 4px;
}

.selectboxCurrency ul {
	width: 73px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 24px;
	background: #fff;
	
}

.selectboxCurrency:hover ul {
	border: 1px #d5d5d5 solid;
	
}

.selectboxCurrency ul li {
	list-style: none;
	display: none;
	padding: 2px 0 2px 15px;
}

.selectboxCurrency:hover ul li {
	display: block;
}

.selectboxCurrency ul li.active {
	position: absolute;
	left: 0px;
	top: -23px;
	display: block;
}

.selectboxCurrency:hover ul li.active {
	left: -1px;
	top: -24px;
	background: transparent;
	
}

.selectboxCurrency ul li a {
	color: #292929;
	text-decoration: none;
	font-size: 13px;
	display: block;
}

.selectboxCurrency ul li:hover {
	background: #f9f9f9;
}

.selectboxCurrency ul li img {
	vertical-align: top;
	position: relative;
	top: 4px;
}

#tooltip.tooltips {
	background-color: #fdd236;/*#fc7607;*/ /*#fdc537;*/
	opacity: 1;
	-webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

.tooltipImage {
	float: left; 
	margin: 0px 10px 0px 0px;
}

.package .description {
	width:300px;
}






/* detail hotelu */
div.pageBodyDetail {
}

div.pageBodyDetail div.pageHotel {
  background-image:   none;
}

div.pageBodyDetail div.pageHead {
	margin:        0px 0px 38px 0px;
}

div.pageBodyDetail div.mainMenu ul.mainMenu {
  margin:            -97px 0px 0px 0px;
}

div.pageBodyDetail div.mainLangMenu ul.mainLangMenu {
  top:               -78px;
}

div.pageBodyDetail div.pageContentRight {
  margin-top:     0px;
}

div.pageBodyDetail div.pageHotelDetail {
  position:     relative;
  padding:      10px 0px 0px 15px;
  background:		url( "/system/images/erzgebirge/bg_logo_hotel.png" ) 0px 0px no-repeat;
  
}

div.pageBodyDetail div.pageHotelDetail h3, div.pageBodyDetail div.iconInfo {
  margin-left:      25px;
}

div.pageHotelPhotos {
  background:			   url( "/system/images/design2/bg_photo.jpg" ) left top no-repeat;
  height:             177px;
  position:           relative;
  margin:           0px -23px 0px -23px;
  padding:          20px 20px 10px 20px;
}

div.pageHotelPhotos a img {
  border:           7px solid #f6b158;
  margin:           0px 8px 0px 8px;
}

div.pageHotelPhotos a span {
  display:          none;
}

div.pageHotelPhotos a.buttonPrev {
  background:			   url( "/system/images/design2/icon_prev.png" ) left top no-repeat;
  width:            16px;
  height:           24px;
  display:          block;
  position:         absolute;
  left:             28px;
  top:              93px;
}

div.pageHotelPhotos a.buttonNext {
  background:			   url( "/system/images/design2/icon_next.png" ) left top no-repeat;
  width:            16px;
  height:           24px;
  display:          block;
  position:         absolute;
  left:             893px;
  top:              93px;
}

div.pageHotelPhotos a.buttonPrev span, div.pageHotelPhotos a.buttonNext span {
  display:            none;
}





div.pageHotelIcons {
  background:         #f5f5f5;
  position:           relative;
  margin:             0px -23px 0px -23px;
  padding:            12px 0px 0px 0px;
  border-bottom:      1px solid #ee8600;
}

div.pageHotelIcons a {
  width:              97px;
  height:             40px;
  text-align:         center;
  text-transform:     uppercase;
  font-size:          10px;
  color:              #5b5b5b;
  display:            block;
  float:              left;
  padding:            70px 0px 0px 0px;
  margin:             0px 0px 0px 54px;
  position:           relative;
}

div.pageHotelIcons a:hover {
  text-decoration:      none;
}

div.pageHotelIcons a.iconWellness {
  background:			   url( "/system/images/design2/icon_wellness.png" ) center 5px no-repeat;
  color:             #ee8600;
}

div.pageHotelIcons a.iconLazne {
  background:			   url( "/system/images/design2/icon_lazne.png" ) center 5px no-repeat;
  color:             #ee8600;
}

div.pageHotelIcons a.iconUbytovani {
  background:			   url( "/system/images/design2/icon_ubytovani.png" ) center 5px no-repeat;
}

div.pageHotelIcons a.iconInfoHotel {
  background:			   url( "/system/images/design2/icon_info.png" ) center 5px no-repeat;
}

div.pageHotelIcons a.iconReference {
  background:			   url( "/system/images/design2/icon_reference.png" ) center 5px no-repeat;
}

div.pageHotelIcons a.iconMapa {
  background:			   url( "/system/images/design2/icon_mapa.png" ) center 5px no-repeat;
}

div.pageHotelIcons a.iconWellness.active, div.pageHotelIcons a.iconWellness:hover {
  padding-top:        69px;
  width:              95px;
  background:			   #fff url( "/system/images/design2/icon_wellness_active.png" ) center 4px no-repeat;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-left:              1px solid #ee8600;
  border-right:             1px solid #ee8600;
  border-top:               1px solid #ee8600;
  border-bottom:             1px solid #fff;
  margin-bottom:            -1px;
  color:             #ee8600;
}

div.pageHotelIcons a.iconLazne.active, div.pageHotelIcons a.iconLazne:hover {
  padding-top:        69px;
  width:              95px;
  background:			   #fff url( "/system/images/design2/icon_lazne_active.png" ) center 4px no-repeat;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-left:              1px solid #ee8600;
  border-right:             1px solid #ee8600;
  border-top:               1px solid #ee8600;
  border-bottom:             1px solid #fff;
  margin-bottom:            -1px;
  color:             #ee8600;
}

div.pageHotelIcons a.iconUbytovani.active, div.pageHotelIcons a.iconUbytovani:hover {
  padding-top:        69px;
  width:              95px;
  background:			   #fff url( "/system/images/design2/icon_ubytovani_active.png" ) center 4px no-repeat;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-left:              1px solid #ee8600;
  border-right:             1px solid #ee8600;
  border-top:               1px solid #ee8600;
  border-bottom:             1px solid #fff;
  margin-bottom:            -1px;
}

div.pageHotelIcons a.iconInfoHotel.active, div.pageHotelIcons a.iconInfoHotel:hover {
  padding-top:        69px;
  width:              95px;
  background:			   #fff url( "/system/images/design2/icon_info_active.png" ) center 4px no-repeat;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-left:              1px solid #ee8600;
  border-right:             1px solid #ee8600;
  border-top:               1px solid #ee8600;
  border-bottom:             1px solid #fff;
  margin-bottom:            -1px;
}

div.pageHotelIcons a.iconReference.active, div.pageHotelIcons a.iconReference:hover {
  padding-top:        69px;
  width:              95px;
  background:			   #fff url( "/system/images/design2/icon_reference_active.png" ) center 4px no-repeat;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-left:              1px solid #ee8600;
  border-right:             1px solid #ee8600;
  border-top:               1px solid #ee8600;
  border-bottom:             1px solid #fff;
  margin-bottom:            -1px;
}

div.pageHotelIcons a.iconMapa.active, div.pageHotelIcons a.iconMapa:hover {
  padding-top:        69px;
  width:              95px;
  background:			   #fff url( "/system/images/design2/icon_mapa_active.png" ) center 4px no-repeat;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-left:              1px solid #ee8600;
  border-right:             1px solid #ee8600;
  border-top:               1px solid #ee8600;
  border-bottom:             1px solid #fff;
  margin-bottom:            -1px;
}

span.iconScore {
  background:			  url( "/system/images/design2/icon_score.png" ) center 4px no-repeat;
  width:            30px;
  height:           20px;
  padding:          11px 0px 0px 0px;
  position:         absolute;
  right:            10px;
  top:              30px;
  color:            #fff;
  font-size:        10px;
}

div.pageHotelIcons a:hover span.iconScore {
  right:            9px;
  top:              29px;
}



div.pageHotelPackages {
  background:         #ffffff;
  position:           relative;
  margin:             0px -23px 0px -23px;
  padding:            20px 0px 0px 0px;
}

div.pageHotelPackages div.pagePackage, div.pageHotelPackages div.pagePackageActive {
  background:			    #fff url( "/system/images/design2/bg_balicek.gif" ) bottom right no-repeat;
  width:              444px;
  height:             70px;
  padding:            9px 14px 0px 14px;
  float:              left;
  border-right:       1px solid #d6d6d6;
  border-bottom:      1px solid #d6d6d6;
  color:              #2c2c2c;
  font-size:          14px;  
}

div.pageHotelPackages div.pagePackage:hover, div.pageHotelPackages div.pagePackageActive {
  background:			    url( "/system/images/design2/bg_balicek_active.gif" ) bottom right no-repeat;
}

div.pageHotelPackages a {
  color:              #2c2c2c;
  text-decoration:    none;
}

div.pageHotelPackages strong {
  color:              #cd3a1a;
  font-weight:        normal;
  font-size: 18px;
}

div.pageHotelPackages strong span {
  font-weight:        bold;
  font-size:          18px;
}

div.pageHotelPackages img {
  float:              left;
  border:             3px solid #fff;
  margin:             0px 14px 0px 0px;
}

div.pageHotelPackages h4 {
  color:              #f28f0e;
  font-size:          18px;
  padding:            5px 0px 0px 0px;
  margin:             0px;
}

div.pageHotelPackages h4 a {
  color:              #f28f0e;
  text-decoration:    none;
}

div.pageHotelPackages div.pagePackage:hover h4 a, div.pageHotelPackages div.pagePackageActive h4 a,
div.pageHotelPackages div.pagePackage:hover a, div.pageHotelPackages div.pagePackageActive a
{
  color:              #fff;
  text-shadow:    #b29427 1px 1px 1px;
}

div.pagePackageDetail {
  background:			    url( "/system/images/design2/bg_balicek_detail.jpg" ) top left no-repeat;
  position:           relative;
  margin:             0px -23px 0px -23px;
  padding:            0px 20px 0px 20px;
}

div.pageHotel div.pagePackageDetail h3 {
  height:             52px;
  line-height:        52px;
  padding:            0px 0px 0px 0px;
  margin:             0px 0px 20px 0px;
  font-size:          22px;
  color:              #cd3a1a;
  font-weight:        normal;
}

div.pagePackageDetail h3 span {
  color:              #006476;
}

div.pagePackageDetail img {
  border:             3px solid #dee2e2;
  float:              left;
  margin:             0px 0px 0px 0px;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

div.pageHotel div.pagePackageDetail h4 {
  color:              #f28f0e;
  padding:            0px 0px 0px 0px;
  margin:             0px 0px 10px 0px;
  font-size:          16px;
  font-weight:        bold;
}

div.floatLeftPhoto {
  float:              left;
  width:              30%;
}

div.floatText {
  float:              left;
  width:              35%;
} 

div.pageForm div.pageDates label {
  font-size:          18px;
  font-weight:        bold;
  float:              left;
  width:              135px;
  
}

div.pageForm div.pageDates input {
  color:            #000;
  padding:          0px 5px 0px 5px;
  margin:           0px 0px 4px 0px;
  border:           1px solid #abadb3;
  height:           20px;
  width:            150px;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

div.pageLeftDetail {
  float:              left;
  width:              250px;
}

div.pageHotel div.pageLeftDetail h3, div.pageHotel div.pageCenaBalicku h3 {
  color:              #f28f0e;
  padding:            0px 0px 0px 0px;
  margin:             0px 0px 0px 0px;
  font-size:          16px;
  font-weight:        bold;
}

div.pageCenaBalicku {
  font-size:          14px;
  width:              635px;
  float:              right;
}

div.pageCenaBalicku div {
  padding:            0px 0px 5px 0px;
  border-bottom:      1px dotted #acacac;
  clear:              both;
}

div.pageCenaBalicku span.name {
  width:              270px;
  float:              left;
}

div.pageCenaBalicku span.persons {
	width:80px;
	float:left;
}

div.pageCenaBalicku span.amount {
	width:70px;
	float:left;
}

div.pageCenaBalicku .rate {
	//text-align:center;	
}

div.pageCenaBalicku .price {
  width:              100px;
  text-align: right;
  font-weight:        bold;
  color:              #128E9C;
  font-size: 16px;
}

div.pageCenaBalicku td {
  border-bottom:           1px dotted #abadb3;
}

div.pageCenaBalicku .price .dashed {
  text-align: right;
  font-weight:        bold;
  color:              gray;
  text-decoration: line-through;
  font-size:11px;
  padding-right:5px;
}

.dashed {
	text-decoration: line-through;
}

div.pagePoptavka {
  background:			    url( "/system/images/design2/bg_poptavka.jpg" ) top left no-repeat;
  position:           relative;
  margin:             20px -20px 20px -20px;
  padding:            0px 20px 30px 20px;
}

div.pageHotel div.pagePoptavka h3 {
  height:             48px;
  line-height:        48px;
  padding:            0px 0px 0px 0px;
  margin:             0px 0px 10px 0px;
  font-size:          16px;
  color:              #f28f0e;
  font-weight:        bold;
}

.pageDates label.overviewTitle {
	font-size:          16px !important;
  color:              #f28f0e;
  font-weight:        bold;
} 

div.pagePoptavka div.pageForm div.pageDates label {
  color:              #f28f0e;
  font-size: 14px;
}

div.pagePoptavka div.pageForm div.pageDates input {
  width:            250px;
}

div.pagePoptavka div.pageForm div.formLeft {
  float:            left;
}

div.pagePoptavka div.pageForm div.formRight {
  float:            right;
}

div.pagePoptavka div.pageForm div.pageButton {
  float:              left;
  margin-right:       15px;
  padding:0px;
}

div.pagePoptavka div.pageForm div.pageButton input {
  background:			  #ff8222;
  box-shadow:    #9e8532 1px 2px 2px;
}

div.pageCalendar form label, div.pageCalendar form span { 
  color:              #f28f0e;
  font-weight:        bold;
  font-size:          16px; 
}

div.pageCalendar form select {
  color:            #000;
  padding:          0px 5px 0px 5px;
  margin:           0px 10px 0px 0px;
  border:           1px solid #abadb3;
  height:           20px;
  width:            260px;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}



div.pageCalendarMain {
  width:            185px;
  height:           189px;
  border:           1px solid #cacaca;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
  background:       #fff;
  padding:          4px;
  margin:           10px;
  box-shadow:       #ababab 0px 0px 4px;
  float:            left;
}

div.pageHotel div.pageCalendarMain h4 {
  padding:          5px 0px 5px 5px;
  margin:           0px;
  color:            #000;
  font-size:        14px;
}

div.pageCalendarMain div.daysName {
  color:            #727272;
}

div.pageCalendarMain div.daysName span {
  width:            12%;
  font-size:        11px;
  float:            left;
  text-align:       center;
  margin-left:      3px;
}

div.pageCalendarMain div.daysNum {
  clear:            both;
  background:       #ebebeb;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
  padding:          4px 0px 6px 4px;
}

div.pageCalendarMain div.blank, div.pageCalendarMain div.closed, div.pageCalendarMain div.color, div.pageCalendarMain div.onRequest, div.pageCalendarMain div.colorOne, div.pageCalendarMain div.colorTwo {
  background:       #fff;
  width:            23px;
  height:           21px;
  line-height:      21px;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
  float:            left;
  text-align:       center;
  font-size:        11px;
  margin:           1px;
}

div.pageCalendarMain div.colorOne {
  background:			    url( "/system/images/design2/data_color1.gif" ) bottom left repeat-x;
  color:              #a23609;
}

div.pageCalendarMain div.colorTwo {
  background:			    url( "/system/images/design2/data_color2.gif" ) bottom left repeat-x;
  color:              #874d02;
}

div.pageCalendarMain div.color {
  color:              #874d02;
}

div.pageCalendarMain div.closed {
  background:			    url( "/system/images/design2/data_color_closed.gif" ) bottom left repeat-x;
  color:              #874d02;
}

div.pageCalendarMain div.onRequest {
  background:			    url( "/system/images/design2/data_color_request.gif" ) bottom left repeat-x;
  color:              white;
}


div.pageCalendarMainContent {
  position:           relative;
  padding:            0px 0px 0px 25px;
}

div.pageCalendar a.buttonPrev {
  background:			   url( "/system/images/design2/icon_prev_cal.png" ) left top no-repeat;
  width:            16px;
  height:           24px;
  display:          block;
  position:         absolute;
  left:             0px;
  top:              93px;
}

div.pageCalendar a.buttonNext {
  background:			   url( "/system/images/design2/icon_next_cal.png" ) left top no-repeat;
  width:            16px;
  height:           24px;
  display:          block;
  position:         absolute;
  right:             0px;
  top:              93px;
}

div.pageCalendar a.buttonPrev span, div.pageCalendar a.buttonNext span {
  display:            none;
}

div.calendarInfo span {
  padding:          0px 0px 0px 20px;
  margin:           0px 40px 0px 0px;
  width:            23px !important;
  height:           21px !important;
  line-height:      21px;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

div.calendarInfo span.colorOne {
  background:			   url( "/system/images/design2/icon_color_1.png" ) left top no-repeat;
}

div.calendarInfo span.colorTwo {
  background:			   url( "/system/images/design2/icon_color_2.png" ) left top no-repeat;
}

/* detail hotelu */

.hotelDetailFacilities .leftCol {
	margin-bottom: 20px;
}

.hotelDetailFacilities .leftCol {
	width: 45%;
	float: left;
}

.hotelDetailFacilities .rightCol {
	width: 45%;
	float: right;
}

.hotelDetailFacilities .facilty {
	padding: 0 0 2px 20px;
	margin-bottom: 2px;
	border-top: 1px #e5e5e5 solid;
}

.hotelDetailFacilities .facilty.ok {
	background: url("/system/images/design2/ico_facility_ok.gif") 0 3px no-repeat;
}

.hotelDetailFacilities .facilty.ko {
	background: url("/system/images/design2/ico_facility_ko.gif") 2px 4px no-repeat;
}

.hotelDetailFacilities .facilty p {
	margin: 0 0 6px 0;
}

.hotelDetailFacilities .facilty.l2 {
	border: none;
	margin: 0;
	padding-bottom: 0;
}

.hotelDetailFacilities .facilty.l2 p {
	margin-bottom: 6px;
}

.hotelDetailFacilities .facilty.l3 {
	border: none;
	margin: 0;
	padding: 0 0 0 20px;
}

.hotelDetailFacilities .facilty.l3.ok {
	background: url("/system/images/design2/ico_facility_ok.gif") 0 3px no-repeat;
}

.hotelDetailFacilities .facilty.l3.ko {
	background: url("/system/images/design2/ico_facility_ko.gif") 2px 4px no-repeat;
}

.rateColor_ {
	color: #EF2322 !important;	
}

.rateColor_selling {
	color: #e15a00 !important;
}

.rateColor_smart {
	color: #2E86CD !important;	
}

.rateColor_top {
	color: #348000 !important;
}

table.hotelDates {
	width: 100%;	
}

/* Detail hotelu ubytko */
.hotelDates th.headerHotelDates {
	height: 32px;
	line-height: 32px;
	padding: 0 7px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-shadow: #955c1b 0 1px 1px;
	//background: url("/system/images/design2/table_detail_th_orange_center.png") 0 0 no-repeat;
	background: url("/system/images/design2/booking_cart_th.png") 0 0 repeat-x;
}

.hotelDates td.black {
	color:white;
	border-top: none;
	border-bottom: none;
	border-right: none;
	background-image:none;
	background: #373532;
}

.specialRates {
	padding: 14px 11px;
	padding-top:5px;
	
}

.specialRates .title {
	font-size: 18px;
	font-weight: bold;
}

.specialRates table {
	width: 100%;
	margin: 0 0 10px 0;
}


.specialRates table th {
	height: 32px;
	line-height: 32px;
	padding: 0 7px;
	font-weight: bold;
	color: #fff;
	border-right: 1px #56aeb8 solid;
	border-left: 1px #266163 solid;
	border-bottom: none;
	text-shadow: #955c1b 0 1px 1px;
	//background: url("/system/images/design2/specialrates_th.png") 0 0 no-repeat;
	background: url("/system/images/design2/booking_cart_th.png") 0 0 repeat-x;
	font-size: 14px;
}

table.chat {
	-webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}

table.chat th {
	height: 16px;
	line-height: 16px;
	padding: 0 7px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border-right: 1px #56aeb8 solid;
	border-left: 1px #266163 solid;
	border-bottom: none;
	text-shadow: #955c1b 0 1px 1px;
	background: url("/system/images/design2/specialrates_th.png") 0 0 repeat-x;
}

table.chat td.top {
	vertical-align:top;
}

table.chat td {
	padding-left:5px;
}

table.chat td.border {
	border-right: 2px #56aeb8 solid;
	border-left: 2px #56aeb8 solid;
	border-top: 2px #56aeb8 solid;
	border-bottom: 2px #56aeb8 solid;
	-webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}

.specialRates table th.first {
	border-left: none;
	background: url("/system/images/design2/booking_cart_th.png") 0 0 repeat-x;
}

.specialRates table th.last {
	border-right: none;
	background: url("/system/images/design2/booking_cart_th.png") 0 0 repeat-x;
}

.specialRates table td {
	padding: 8px 10px 8px 10px;
	font-size: 14px;
	border-right: 1px #d9d9d9 solid;
	border-bottom: 1px #d9d9d9 solid;
	background: #f8f8f8;
	vertical-align: top;
}

.specialRates table td.even {
	padding: 8px 10px 8px 10px;
	font-size: 14px;
	border-right: 1px #d9d9d9 solid;
	border-bottom: 1px #d9d9d9 solid;
	background: #e7e7e7;
	vertical-align: top;
}

.specialRates table td.first {
	background: url("/system/images/design2/specialrates_td_left.png") 0 0 no-repeat;
	width:470px;
}

.specialRates table td.firstEven {
	background: url("/system/images/design2/specialrates_td_left_white.png") 0 0 no-repeat;
	width:470px;
}

.specialRates table td.last {
	border-right: none;
	background: url("/system/images/design2/specialrates_td_right.png") right 0 no-repeat;
}

.specialRates table td.lastEven {
	border-right: none;
	background: url("/system/images/design2/specialrates_td_right_white.png") right 0 no-repeat;
}

.specialRates table .last td.first {
	background: url("/system/images/design2/specialrates_td_left.png") 0 bottom no-repeat;
}

.specialRates table .lastEven td.first {
	background: url("/system/images/design2/specialrates_td_left_white.png") 0 bottom no-repeat;
}

.specialRates table .last td.last {
	background: url("/system/images/design2/specialrates_td_right.png") right bottom no-repeat;
}

.specialRates table .lastEven td.last {
	background: url("/system/images/design2/specialrates_td_right_white.png") right bottom no-repeat;
}

.specialRates table .last td {
	border-bottom: none;
	background: url("/system/images/design2/specialrates_td_right.png") 0 bottom no-repeat;
}

.specialRates table .priceBox {
	text-align: center;
	vertical-align: middle;
}

.specialRates table .priceBox .price {
	font-size: 24px;
	font-weight: bold;
	display: block;
	height:100%;
	vertical-align: middle;
	margin-bottom: 5px;
}

.specialRates table .priceBox .button {
	width: 60px; //76px;
	height: 23px;
	margin: 0 auto;
	display: block;
	font-size: 11px;
	color: #fff;
	text-align: center;
	line-height: 23px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: #955c1b 0 1px 1px;
	background: url("/system/images/design2/pricebox_button_small.png") 0 0 no-repeat;
}

.specialRates table .roomInfo {
	width: 100%;
	height: 22px;
	line-height: 22px;
	display: block;
	margin-bottom: 5px;
}

.specialRates table .roomInfo .title {
	display: block;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}

.specialRates table .roomInfo .title.ico2persons {
	padding-left: 34px;
	background: url("/system/images/design2/ico_two_persons.gif") 0 0 no-repeat;
}

.specialRates table .roomInfo .date {
	display: block;
	float: right;
	font-size: 11px;
	color: #000;
	font-weight: bold;
}
/*
.labelHolder, .inputHolder, .selectHolder, .checkboxHolder, .textHolder {
	display: block;
	float: left;
}

label {
	display: block;
	color: white;
	font-size: 13px;
	font-weight: bold;
	line-height: 21px;
}
*/
.buttonGreenSmall {
	/*
	width: 85px;
	height: 23px;
	border: none;
	color: #fff;
	cursor: pointer;
	text-shadow: #7e4702 0 1px 1px;
	//background: url("/system/images/design2/button_searchfilter_green.png") 0 bottom no-repeat;
	*/
	float:right;
	color:            #fff;
	font-size:        14px;
	background:			  #35909b url( "/system/images/design2/bg_button.gif" ) left top repeat-x;
	padding:          0px 5px 0px 5px;
	margin:           0px 5px 0px 5px;
	border:           2px solid #fff;
	-webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	box-shadow:    #658589 1px 2px 2px;
display:          block;
}

a.buttonGreenSmall {
	/*
	float: right;
	margin: 0 auto;
	width: 85px;
	height: 23px;
	line-height: 23px;
	text-decoration: none;
	display: block;
	font-size:12px;
	text-align: center;
	height: 23px;
	border: none;
	color: #fff;
	cursor: pointer;
	text-shadow: #7e4702 0 1px 1px;
	background: url("/system/images/design2/button_searchfilter_green.png") 0 bottom no-repeat;
	*/
	float:right;
	color:            #fff;
	font-size:        14px;
	background:			  #35909b url( "/system/images/design2/bg_button.gif" ) left top repeat-x;
	padding:          5px 15px 5px 15px;
	margin:           0px 5px 0px 5px;
	margin-top:8px;
	
	border:           2px solid #fff;
	-webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	box-shadow:    #658589 1px 2px 2px;
display:          block;
}

.dateForm .formHolder .line {
	padding: 5px 0;
}

.dateForm .labelHolder, .dateForm .inputHolder, .dateForm .selectHolder, .dateForm .checkboxHolder, .dateForm .textHolder {
	display: block;
	float: left;
}

.dateForm labelHolder.dates {
	font-size:12px;
}

.dateForm .inputHolder input {
	height: 16px;
}

.dateForm .checkboxHolder input {
	position: relative;
	left: -3px;
	top: 1px;
	float: left;
}

.dateForm label {
	display: block;
	color: white;
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
}

.dateString label {
	color:white;
	text-shadow: #7e4702 0 1px 1px;
	font-size: 14px;
	font-weight: bold;
}

.dateString .labelHolder{
	display: block;
	float: left;
}

/*************** Reference **********************/
.referencesBox .top {
	width: 655px;
	height: 88px;
	position: relative;
	background: url("/system/images/design2/referencesbox_top.png") 0 0 no-repeat;
}

.referencesBox .top h2 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-shadow: #7e4702 0 1px 1px;
}

.referencesBox .top h2.leftTitle {
	position: absolute;
	left: 16px;
	top: 9px;
	padding: 0;
}

.referencesBox .top h2.rightTitle {
	position: absolute;
	left: 336px;
	top: 9px;
	padding: 0;
}

.referencesBox .top .leftBubble, .referencesBox .top .rightBubble {
	position: absolute;
	width: 51px;
	height: 29px;
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding-top: 2px;
	right: 349px;
	top: 54px;
	background: url("/system/images/design2/bubble.png") 0 0 no-repeat;
}

.referencesBox .top .rightBubble {
	right: 17px;
}

.referencesBox .top h3 {
	color: #444;
	font-size: 14px;
	font-weight: bold;
}

.referencesBox .top h3.leftTitle {
	position: absolute;
	left: 16px;
	top: 56px;
	padding: 0;
}

.referencesBox .top h3.rightTitle {
	position: absolute;
	left: 336px;
	top: 56px;
	padding: 0;
}

.referencesBox .top .flags {
	position: absolute;
	right: 348px;
	top: 15px;
}

.referencesBox .top .flags img {
	margin-left: 8px;
}

.referencesBox .perex {
	padding: 12px 16px;
	border-top: 1px #e3e3e3 solid;
}

.referencesBox .perex .graph {
	float: left;
}

.referencesBox .perex .info {
	width: 420px;
	float: right;
	color: #000;
	font-size: 11px;
	margin: 0;
}

.referencesBox .graph {
	width: 162px;
	height: 21px;
	padding-left: 9px;
	background: url("/system/images/design2/graph_left.gif") 0 0 no-repeat;
}

.referencesBox .bar {
	height: 21px;
	padding-right: 22px;
	text-align: right;
	line-height: 20px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	text-shadow: #a95c22 0 1px 1px;
	background: url("/system/images/design2/graph_right.gif") right 0 no-repeat;
}

.referencesBox .bar .percent {
	position: absolute;
	right: 10px;
}

.hotelDetailBottom {
	width: 685px;
	height: 8px;
	overflow: hidden;
	font-size: 0;
	background: url("/system/images/design2/hoteldetail_bottom.png") 0 0 no-repeat;
}

/* none */
.referencesBox .ico0b {
	line-height: 15px;
	padding: 10px 0 10px 20px;
	margin: 0;
	font-size: 14px;
	color: #444;
	border-top: 1px #e5e5e5 solid;
	
}

/* jung paar ok */
.referencesBox .ico1b {
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	border-top: 1px #e5e5e5 solid;
	background: url("/system/images/design2/icon_set_big.png") 4px -5px no-repeat;
}

/* with children ok */
.referencesBox .ico2b {
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	border-top: 1px #e5e5e5 solid;
	background: url("/system/images/design2/icon_set_big.png") 4px -40px no-repeat;
}

/* with friends ok */
.referencesBox .ico3b {
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	border-top: 1px #e5e5e5 solid;
	background: url("/system/images/design2/icon_set_big.png") 4px -72px no-repeat;
}
/* man */
.referencesBox .ico4b {
    line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	border-top: 1px #e5e5e5 solid;
	background: url("/system/images/design2/icon_set_big.png") 4px -104px no-repeat;
}

/* groups ok */
.referencesBox .ico5b {
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	border-top: 1px #e5e5e5 solid;
	background: url("/system/images/design2/icon_set_big.png") 4px -137px no-repeat;
}
/* young childer */
.referencesBox .ico6b {
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	border-top: 1px #e5e5e5 solid;
	background: url("/system/images/design2/icon_set_big.png") 4px -172px no-repeat;
}
/* Womens ok */
.referencesBox .ico7b {
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	border-top: 1px #e5e5e5 solid;
	background: url("/system/images/design2/icon_set_big.png") 4px -203px no-repeat;
}
/* old couples */
.referencesBox .ico8b {
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	border-top: 1px #e5e5e5 solid;
	background: url("/system/images/design2/icon_set_big.png") 4px -238px no-repeat;
}

/* none */
.referenceBox .ico0b {
	height: 15px;
	line-height: 15px;
	padding: 10px 0 10px 20px;
	margin: 0;
	font-size: 14px;
	color: #444;
	
}

/* jung paar ok */
.referenceBox .ico1b {
	height: 15px;
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	background: url("/system/images/design2/icon_set_big.png") 4px -5px no-repeat;
}

/* with children ok */
.referenceBox .ico2b {
	height: 15px;
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	background: url("/system/images/design2/icon_set_big.png") 4px -40px no-repeat;
}

/* with friends ok */
.referenceBox .ico3b {
	height: 15px;
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	background: url("/system/images/design2/icon_set_big.png") 4px -72px no-repeat;
}
/* man */
.referenceBox .ico4b {
    height: 15px;
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	background: url("/system/images/design2/icon_set_big.png") 4px -104px no-repeat;
}

/* groups ok */
.referenceBox .ico5b {
	height: 15px;
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	background: url("/system/images/design2/icon_set_big.png") 4px -137px no-repeat;
}
/* young childer */
.referenceBox .ico6b {
	height: 15px;
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	background: url("/system/images/design2/icon_set_big.png") 4px -172px no-repeat;
}
/* Womens ok */
.referenceBox .ico7b {
	height: 15px;
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	background: url("/system/images/design2/icon_set_big.png") 4px -203px no-repeat;
}
/* old couples */
.referenceBox .ico8b {
	height: 15px;
	line-height: 15px;
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: 14px;
	color: #444;
	background: url("/system/images/design2/icon_set_big.png") 4px -238px no-repeat;
}
.referencesBox .graphs {
	width: 310px;
	padding-right: 15px;
	float: right;
}

.referencesBox .graphs .line {
	height: 28px;
}

.referencesBox .graphs .line .label {
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	float: left;
	display: block;
}

.referencesBox .graphs .line .graph {
	float: right;
	top: 6px;
	right: 27px;
	position: relative;
}

.referencesBox .links {
	width: 292px;
	padding-left: 15px;
	float: left;
}

.referencesBox .links .line {
	height: 21px;
}

.referencesBox .links a {
	font-size: 12px;
	color: #444;
	line-height: 21px;
	display: block;
	float: left;
	padding-left: 32px;
}

.referenceTopOffers .links a {
	font-size: 12px;
	color: white;
	line-height: 21px;
	display: block;
	float: left;
	padding-left: 32px;
}

.referenceTopBorder .links a {
	font-size: 12px;
	color: white;
	line-height: 21px;
	display: block;
	float: left;
	padding-left: 32px;
}

.referencesBox .links a.ico1 {
	background: url("/system/images/design2/icon_set.gif") 4px 3px no-repeat;
}

.referencesBox .links a.ico2 {
	background: url("/system/images/design2/icon_set.gif") 4px -20px no-repeat;
}

.referencesBox .links a.ico3 {
	background: url("/system/images/design2/icon_set.gif") 4px -41px no-repeat;
}

.referencesBox .links a.ico4 {
	background: url("/system/images/design2/icon_set.gif") 4px -61px no-repeat;
}

.referencesBox .links a.ico5 {
	background: url("/system/images/design2/icon_set.gif") 4px -81px no-repeat;
}

.referencesBox .links a.ico6 {
	background: url("/system/images/design2/icon_set.gif") 4px -104px no-repeat;
}

.referencesBox .links a.ico7 {
	background: url("/system/images/design2/icon_set.gif") 4px -123px no-repeat;
}

.referencesBox .links a.ico8 {
	background: url("/system/images/design2/icon_set.gif") 4px -144px no-repeat;
}

.referenceTopBorder .links a.ico1 {
	background: url("/system/images/design2/icon_set.png") 4px 3px no-repeat;
}

.referenceTopBorder .links a.ico2 {
	background: url("/system/images/design2/icon_set.png") 4px -20px no-repeat;
}

.referenceTopBorder .links a.ico3 {
	background: url("/system/images/design2/icon_set.png") 4px -41px no-repeat;
}

.referenceTopBorder .links a.ico4 {
	background: url("/system/images/design2/icon_set.png") 4px -61px no-repeat;
}

.referenceTopBorder .links a.ico5 {
	background: url("/system/images/design2/icon_set.png") 4px -81px no-repeat;
}

.referenceTopBorder .links a.ico6 {
	background: url("/system/images/design2/icon_set.png") 4px -104px no-repeat;
}

.referenceTopBorder .links a.ico7 {
	background: url("/system/images/design2/icon_set.png") 4px -123px no-repeat;
}

.referenceTopBorder .links a.ico8 {
	background: url("/system/images/design2/icon_set.png") 4px -144px no-repeat;
}

.referenceTopOffers .links a.ico1 {
	background: url("/system/images/design2/icon_set.png") 4px 3px no-repeat;
}

.referenceTopOffers .links a.ico2 {
	background: url("/system/images/design2/icon_set.png") 4px -20px no-repeat;
}

.referenceTopOffers .links a.ico3 {
	background: url("/system/images/design2/icon_set.png") 4px -41px no-repeat;
}

.referenceTopOffers .links a.ico4 {
	background: url("/system/images/design2/icon_set.png") 4px -61px no-repeat;
}

.referenceTopOffers .links a.ico5 {
	background: url("/system/images/design2/icon_set.png") 4px -81px no-repeat;
}

.referenceTopOffers .links a.ico6 {
	background: url("/system/images/design2/icon_set.png") 4px -104px no-repeat;
}

.referenceTopOffers .links a.ico7 {
	background: url("/system/images/design2/icon_set.png") 4px -123px no-repeat;
}

.referenceTopOffers .links a.ico8 {
	background: url("/system/images/design2/icon_set.png") 4px -144px no-repeat;
}

.scoreBarImg {
	background:#ffffff url(/system/images/design2/referenceFrame.png) no-repeat;
	width:82px;
	height:12px;
}

.referencesBox .links .avgRating {
	float: right;
	font-size: 11px;
	color: #c1c1c1;
	font-weight: bold;
	line-height: 21px;
}

.referenceTopBorder .links .avgRating {
	float: right;
	font-size: 11px;
	color: #c1c1c1;
	font-weight: bold;
	line-height: 21px;
}

/*----*/
table.reference {
	width:100%;
}

h2.referenceTitle {
	top:9px; 
	left:16px;
}

.reference th.referenceHead {
	height: 32px;
	line-height: 32px;
	padding: 0 7px;
	font-size: 11px;
	border-bottom: none;
	font-weight: bold;
	color: #fff;
	text-shadow: #955c1b 0 1px 1px;
	background: url("/system/images/design2/booking_cart_th.png") 0 0 repeat-x;
}

.reference td.referenceTop {
	padding: 5px 7px;
	font-size: 11px;
	font-weight: bold;
	background-color: #363531;
	color: white;
	width:33%;
	vertical-align:top;
}

.reference td.referenceTopBorder {
	padding: 5px 7px;
	font-size: 11px;
	font-weight: bold;
	background-color: #363531;
	color: white;
	border-right: 1px #504C44 solid;
	vertical-align:top;
}

.reference td {
	border-bottom: 1px #CCCCCC solid;
}

.referenceTopBorder .line {
	width:100%;
}

.reference td.first {
	border-left: 1px #CCCCCC solid;
	padding-top:5px;
	padding-bottom:5px;	
}

.reference td.last {
	border-right: 1px #CCCCCC solid;	
}

.referenceTop h2{
	font-size: 24px;
}

.lightGreen{
	color: #7cfc00;
}

.whiteTextColor{
	color: white !important;
}

.referenceTextCategory {
	color:green; 
	font-weight:bold; 
	padding-bottom:5px;
}

.referenceBox h3.title {	
	font-size:16px;
	color:black;
	font-weight:normal;
	padding-left:0px;
	padding-top:5px;
	margin-bottom:10px;
	
}

.pagePackagePrimary {
  background:			    url( "/system/images/design2/bg_balicek_detail.jpg" ) top left repeat-y;
  position:           relative;
  height:65px;
  width:605px;
}

/******** SEARCH FILTER *************/
.searchFilter {
	width: 100%;
	font-size:14px;
	/*position: absolute;
	left: 0;
	top: 28px;*/
}

.filterLabel {
    font-size:14px !important;
    text-transform:none !important;
}

.colTitle {
    font-size:16px !important;
}

.searchFilter .top {
	width: 949px;
	height: 41px;
	padding: 0 13px 0 0;
	background: url("/system/images/design/custom/searchfilter_top.png") 0 0 no-repeat;
}

.searchFilter .title {
	margin: 0;
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 15px;
	float: left;
	text-shadow: #7e4702 0 1px 1px;
}

.searchFilter .title small {
	font-size: 13px;
}

.searchFilter .top .line {
	float: right;
	padding-top: 9px;
}

.searchFilter .top .labelHolder {
	width: 75px;
}

.searchFilter .top label {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-shadow: #7e4702 0 1px 1px;
}

.searchFilter .top .calendar {
	float: left;
	margin: 0 20px 0 10px;
}

.searchFilter .top .button {
	float: left;
	width: 85px;
	height: 23px;
	border: none;
	color: #fff;
	cursor: pointer;
	text-shadow: #7e4702 0 1px 1px;
	background: url("/system/images/design/custom/button_searchfilter.png") 0 bottom no-repeat;
}

.open .searchFilter .middle {
	width: 945px;
	padding-top: 48px;
	margin-top: -5px;
	height: 176px;
	position: relative;
	background: url("/system/images/design2/searchfilter_open.png") 0 0 no-repeat;
}

.closed .searchFilter .middle {
	width: 962px;
	padding: 0;
	position: relative;
	height: 43px;
	background: url("/system/images/design2/searchfilter_closed.png") 0 0 no-repeat;
}

.searchFilter .middle .subTitle {
	margin: 0;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	padding: 0;
	position: absolute;
	left: 13px;
	top: 11px;
	text-shadow: #000 0 1px 1px;
}

.searchFilter .middle .subTitle2 {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	//font-weight: bold;
	text-transform:   lowercase;
	padding: 0;
	position: absolute;
	right: 45px;
	width:250px;
	text-align:right;
	top: 11px;
	text-shadow: #000 0 1px 1px;
}

.searchFilter .middle .hide {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	padding: 0;
	position: absolute;
	right: 40px;
	top: 11px;
	text-shadow: #000 0 1px 1px;
	text-decoration: none;
}

.open .searchFilter .middle .col .colTitle {
	font-size: 12px;
	color: #f3dba8;
	margin: 0 0 5px 0;
	font-weight: bold;
}

.open .searchFilter .middle .col {
	width: 96px;
	padding: 0 0 0 15px;
	float: left;
}

.open .searchFilter .middle .col .check {
	margin: 0 0 -1px 0;
	line-height: 12px;
}

.open .searchFilter .middle .col .line {
	line-height: 12px;
	font-size: 9px;
	height: 18px;
	overflow: hidden;
}

.open .searchFilter .middle .col label {
	display: inline;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	*text-transform: none;
	margin: 0;
	line-height: 12px;
	position: relative;
	top: -2px;
}

.open .searchFilter .middle .col.wide {
	width: 120px;
	padding: 0 0 0 0;
}

.open .searchFilter .middle .col.wide2 {
	width: 140px;
	padding: 0 0 0 0;
}

.open .searchFilter .middle .col.huge {
	width: 128px;
	padding: 0 0 0 0;
}

/* Booking cart */

.bookingCart2 {
	padding: 0px 0px;
}

.bookingCart2 .title {
	font-size: 18px;
	font-weight: bold;
}

.bookingCart2 .hotelTitle {
	margin-bottom: 8px;
	padding: 0;
	font-size: 18px;
	//text-transform: uppercase;
	//font-weight: bold;
	line-height: 20px;
}

.bookingCart2 table {
	width: 100%;
	margin: 0 0 0px 0;
}

.bookingCart2 table th {
	/*
	height: 16px;
	line-height: 16px;
	padding: 0 7px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border-bottom: none;
	text-shadow: #955c1b 0 1px 1px;
	background: url("/system/images/design2/specialrates_th.png") 0 0 repeat-x;
	*/
	height: 32px;
	line-height: 32px;
	padding: 0 7px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	/*border-right: 1px #d9d9d9 solid;*/
	/*border-left: 1px #d9d9d9 solid;*/
	border-right: 1px #2a787f solid;
	border-bottom: none;
	text-shadow: #955c1b 0 1px 1px;
	background: url("/system/images/design2/booking_cart_th.png") 0 0 repeat-x;
}

.bookingCart2 table th.first {
	border-left: none;
	background: url("/system/images/design2/booking_cart_th.png") 0 0 repeat-x;
}

.bookingCart2 table th.last {
	border-right: none;
	background: url("/system/images/design2/booking_cart_th.png") right 0 no-repeat;
}

.bookingCart2 table td {
	padding: 8px 10px 8px 10px;
	font-size: 14px;
	border-right: 1px #d9d9d9 solid;
	/*border-bottom: none;*/
	border-bottom: 1px #d9d9d9 solid;
	background: #f8f8f8;
	vertical-align: top;
}

.bookingCart2 table td.colspan {
	/*border-left: 1px #d9d9d9 solid;*/
	border-left: none;
}

.bookingCart2 table td.first {
	background: url("/system/images/design2/specialrates_td_left.png") 0 0 no-repeat;
}

.bookingCart2 table td.last {
	border-right: none;
	background: url("/system/images/design/custom/specialrates_td_right.png") right 0 no-repeat;
}

.bookingCart2 table .last td.first {
	background: url("/system/images/design2/specialrates_td_left.png") 0 bottom no-repeat;
}

.bookingCart2 table .last td.last {
	background: url("/system/images/design/custom/specialrates_td_right.png") right bottom no-repeat;
}

.bookingCart table .last td {
	border-bottom: none;
	background: url("/system/images/design/custom/specialrates_td_right.png") 0 bottom no-repeat;
}

.bookingCart2 table .priceBox {
	text-align: center;
	vertical-align: middle;
}

.bookingCart2 table .priceBox .price {
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

.bookingCart2 table .priceBox .button {
	width: 76px;
	height: 23px;
	margin: 0 auto;
	display: block;
	font-size: 11px;
	color: #fff;
	text-align: center;
	line-height: 23px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: #955c1b 0 1px 1px;
	background: url("/system/images/design/custom/pricebox_button.png") 0 0 no-repeat;
}

.bookingCart2 table .roomInfo {
	width: 100%;
	height: 22px;
	line-height: 22px;
	display: block;
	margin-bottom: 5px;
}

.bookingCart2 table .roomInfo .title {
	display: block;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}

.bookingCart2 table .roomInfo .title.ico2persons {
	padding-left: 34px;
	background: url("/system/images/design/custom/ico_two_persons.gif") 0 0 no-repeat;
}

.bookingCart2 table .roomInfo .date {
	display: block;
	float: right;
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

.clientData table th {
	height: 32px;
	line-height: 32px;
	padding: 0 7px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	/*border-right: 1px #d9d9d9 solid;*/
	/*border-left: 1px #d9d9d9 solid;*/
	border-right: 1px #2a787f solid;
	border-bottom: none;
	text-shadow: #955c1b 0 1px 1px;
	background: url("/system/images/design2/booking_cart_th.png") 0 0 repeat-x;
}

.greenButton {
	cursor: pointer;
	border: none;
    width: 357px;
	height: 34px;
	display: block;
	background: url("/system/images/design/custom/costbox_greenbutton.png") 0 0 no-repeat;
	font-size: 15px;
	text-align: center;
	line-height: 34px;
	text-decoration: none;
	color: #fff;
	text-shadow: 0 1px 1px #2d3707;
	font-weight: bold;
	margin: 8px 0;
}

/* Offers */
/* objednávky */

div.pageBodyOffer {
	width:					1000px;
	margin:					auto;
  padding:        0px;
  position:         relative;
}

div.pageOrder {
  padding:        0px 0px 0px 0px;
  margin:         0px 0px 0px 0px;
  background:			#fff url( "/system/images/design2/bg_order.jpg" ) left top no-repeat;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  box-shadow:    #5d979e 1px 2px 2px;
  font-size:14px;
}

div.pageOrder h2 {
  color:          #128e9c;
  padding:          24px 0px 0px 87px;
  margin:           0px;
  font-size:        22px;
  letter-spacing:   0px;
  font-weight:      bold;
  line-height:      20px;
  height:           65px  
}

div.pageOrder h2 span {
  font-size:        17px;
  font-weight:      normal;
  display:          block;  
}

div.pageOrder h3 a {
  color:          #128e9c;
}                                  

div.pageOrder div.pageRating {
  background:			url( "/system/images/design2/icon_rating.gif" ) right center no-repeat;
  position:       absolute;
  top:            4px;
  right:          0px;
  padding:         0px 40px 0px 0px;
}

div.pageOrder div.pageRating div.score {
  color:        #E15A00;
  font-size:    23px;
  letter-spacing:   -1px;
}
div.pageOrder div.pageRating div.score span {
  font-size:    28px;
}

div.pageOrder div.pageRating div.totalVote {
  font-size:        11px;
  color:            #888888;
}

div.pageHigh {
  background:			    url( "/system/images/design2/bg_high.jpg" ) top left no-repeat;
  position:           relative;
  margin:             0px 0px 0px 0px;
  padding:            0px 20px 10px 26px;
}

div.pageHigh h3 {
  height:             64px;
  line-height:        64px;
  padding:            0px 0px 0px 0px;
  margin:             0px 0px 20px 0px;
  font-size:          22px;
  color:              #cd3a1a;
  font-weight:        bold;
}

div.pageHigh h3 span {
  color:              #006476;
  font-size:          18px;
  font-weight:        normal;
}

div.pageNormal {
  background:			    url( "/system/images/design2/bg_normal.jpg" ) top left no-repeat;
  position:           relative;
  margin:             0px 0px 0px 0px;
  padding:            0px 26px 10px 26px;
}

div.pageNormal h3, div.pageNormal h4 {
  height:             49px;
  line-height:        49px;
  padding:            0px 0px 0px 0px;
  margin:             0px 0px 20px 0px;
  font-size:          21px;
  color:              #128e9c;
  font-weight:        bold;
}

div.pageNormal h3.logoVerisign {
  background:			url( "/system/images/design2/bg_logo_verisign.png" ) right center no-repeat;
}

div.pageNormal h4 {
  height:             auto;
  line-height:        40px;
  margin:             0px;
  padding:            0px;
  font-size:          18px;
}




div.pageNormal h3 span.pageRating {
  font-weight:    normal;
}

div.pageNormal h3 span.pageRating span.score {
  color:        #f28f0e;
  font-size:    23px;
  letter-spacing:   -1px;
  background:			url( "/system/images/design2/icon_rating.png" ) right center no-repeat;
  padding:         0px 30px 0px 20px;
}

div.pageNormal h3 span.pageRating span.score span {
  font-size:    28px;
}

div.pageNormal h3 span.pageRating span.totalVote {
  font-size:        14px;
  color:            #888888;
}




div.pageSelectHotel {
  position:           absolute;
  top:                22px;
  right:               26px;
}

div.pageSelectHotel label {
  color:              #128e9c;
  font-size:          13x;
  font-weight:        bold;
  margin-right:       15px;
}

div.pageSelectHotel select {
  color:            #000;
  padding:          0px 5px 0px 5px;
  margin:           0px 10px 0px 0px;
  height:           20px;
  width:            200px;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

div.pageSelectHotelInfo {
  color:            #329da9;
  font-size:        18px;
  line-height:      26px;
  float:            left;
}

div.pageSelectHotelInfo span {
  float:            left;
  width:            240px;
  color:            #329da9;
  font-weight:      normal;
}

div.pageSelectHotelInfo div.pageDate {
  //font-weight:      bold;
  color:            #329DA9;
}

div.pageSelectHotelInfo div.pagePrice {
  font-weight:      bold;
  color:            #e15a00;
}

div.pageReserve {
  padding:        20px;
  text-align:     center;
  float:            right;
  width: 350px;
}

.pageReserve .button {
  color:            #fff;
  font-size:        18px;
  background:			  #35909b url( "/system/images/design2/bg_button.gif" ) left top repeat-x;
  padding:          8px 25px 8px 25px;
  margin:           0px 0px 10px 0px;
  border:           2px solid #fff;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  box-shadow:    #658589 1px 2px 2px;
  display:          block;
}

.buttonBig {
  color:            #fff !important;
  font-size:        18px !important;
  background:			  #35909b url( "/system/images/design2/bg_button.gif" ) left top repeat-x !important;
  padding:          8px 25px 8px 25px;
  margin:           0px 0px 10px 0px;
  margin-top: 10px;
  border:           2px solid #fff;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  box-shadow:    #658589 1px 2px 2px;
  display:          block;
  height: 40px !important;
  cursor: pointer;
}

.buttonNormalSize {
  color:            #fff !important;
  font-size:        18px;
  //text-transform:   uppercase;
  //font-weight:      bold;
  background:			  #35909b url( "/system/images/design2/bg_button.gif" ) left top repeat-x !important;
  padding:          8px 25px 8px 25px;
  margin:           0px 0px 10px 0px;
  margin-top: 10px;
  border:           2px solid #fff;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  box-shadow:    #658589 1px 2px 2px;
  display:          block;
  height: 25px !important;
}

div.float33 {
  float:          left;
  width:          33%;
}

div.float33Right {
  float:          right;
  width:          33%;
}

div.floatRight {
  float:          right;
}

.border {
  border:         7px solid #329DA9;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  margin-bottom:    15px;
  margin-left:      20px;
}

.slideshow img {
	-webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

div.pageEquipment div.pageLeft, div.pageEquipment div.pageCenter, div.pageEquipment div.pageRight {
  float:          left;
  width:          286px;
  padding:        0px 30px 0px 0px;  
}

div.pageEquipment div.pageCenter {
  padding:        0px 15px 0px 15px;  
}

div.pageEquipment div.pageRight {
  float:          right;
  padding:        0px 0px 0px 30px;  
}

div.pageEquipment div.pageLeft div, div.pageEquipment div.pageCenter div, div.pageEquipment div.pageRight div {
  border-bottom:    1px dotted #757575;
  padding:          5px 0px 5px 0px;
}

div.pageEquipment span {
  float:            right;
}

div.pageEquipment span.yes {
  color:          green;
}

div.pageEquipment span.no {
  color:          red;
}

a.linkMore {
  font-size:      14px;
  font-weight:    bold;
  text-align:     right;
  display:        block;
  margin:         15px 0px 15px 0px;
}

.pageSelectHotelInfo .roomDescription {
	font-size: 12px;
	color: black;
}

/* operatorky */

div.pageServisOrder {
  padding-right:    6px;
}

.pageServisOrder .pageOperator .statusOn, .pageServisOrder .pageOperator .statusOff {
  display:          block;
  position:         absolute;
  top:           164px;
  color: white;
  /*bottom:           15px;*/
  left:             11px;
  width:            87px;
  height:           31px;
  padding:          0px 0px 0px 0px;
  line-height:      30px;
  font-size:14px;
  background:			  url( "/system/images/design2/on.png" ) left top repeat;
  color:            #fff;
  text-align:       center;
}

.pageServisOrder div.pageServisOrder a.chat span {
  color:            white;
}

.pageServisOrder span.statusOff {
  background:			  url( "/system/images/design2/off.png" ) left top repeat;
}

.pageServisOrder div.pageOperator {
  font-size:      11px;
  color:          #128e9c;
  position:       relative;
  float:          left;
  width:          280px;
  padding:        12px;
  margin-bottom:  15px;
  background:       url( "/system/images/design2/white60.png" ) left top repeat;
  border:         3px solid #edebe3;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

.pageServisOrder div.pageOperator span {
  color:          #2c2c2c;
} 

.pageServisOrder div.pageOperator div.name {
  color:          #128e9c;
  font-size:      14px;
  font-weight:    bold;
  margin:         10px 0px 15px 0px;
}

.pageServisOrder div.pageOperator div.pageOperatorInfo {
  float:           left;
  margin-left:      20px;
  font-weight:      bold;
  width: 120px;
}

.pageServisOrder div.pageOperatorInfo span {
  float:          left;
  width:          80px;
  font-weight:    normal;
  font-size: 14px;
}

.pageServisOrder div.pageOperatorInfo {
  font-size: 14px;
}

.pageServisOrder div.pageOperator img {
  border:         3px solid #dee2e2;
  float:          left;
}

.pageServisOrder div.pageServisInfo {
  font-size:      11px;
  color:          #888888;
  margin-bottom:  15px;
  float:            right;
  width:            570px;
  text-align:     center;
  padding:        10px 0px 0px 0px;
}

.pageServisOrder div.pageServisInfo p {
  padding:    0px 0px 15px 0px;  
}

.pageServisOrder div.pageServisInfo p.strong {
  text-align:     left;
  font-size:      15px;
  color:          #393939;
  padding-left:   20px;
}

.pageServisOrder div.pageServisInfo a {
  font-size:      12px;
  background:     #b4e3e1;
  color:          #000;  
  display:        block;
  font-weight:    bold;
  text-align:     center;
  padding:          5px 0px 5px 0px;
  margin-bottom:    5px;
  text-transform:   uppercase;
  text-shadow:    #cceceb 1px 2px 2px;
  box-shadow:     #bababa 2px 3px 2px;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

.pageServisOrder div.pageServisInfo a:hover {
  text-decoration:   none;
  background:       #50a610;
  color:            #fff;
  text-shadow:      none;    
}

.pageServisOrder div.pageServisInfo div.float50 {
  float:            left;
  width:            245px;
  padding:          0px 20px 0px 20px;
}

.breadcrumbs a {
	color: white;
	font-size:14px;
}

.breadcrumbs {
    font-size:14px;
    width: 945px;
}

.offerTitle {
	color: #329DA9;
	font-size:18px;
}

.titleKur {
	color: #329DA9;
	font-weight: bold;
}

.score2 {
  color:        #E15A00;
  font-size:    22px;
  letter-spacing:   -1px;
  margin-left:20px;
}

a.otherOffers, a.hotelMoreInfo, a.scrollTop {
	font-size: 14px;
}

.rightBoxLink, .rightBoxLink a {
	font-size: 14px;
}

.bottomTable {
	font-size: 14px;
}

.clientData input[type=text] {
  color:            #000;
  padding:          0px 5px 0px 5px;
  margin:           0px 0px 0px 0px;
  border:           1px solid #abadb3;
  height:           20px;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

.clientData textarea {
  color:            #000;
  padding:          0px 5px 0px 5px;
  margin:           0px 0px 0px 0px;
  border:           1px solid #abadb3;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

.clientData select {
  color:            #000;
  padding:          0px 5px 0px 5px;
  margin:           0px 0px 0px 0px;
  border:           1px solid #abadb3;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}


.hotelDetailTopCart {
	/*width: 680px;*/ /*657*/
	height: 37px;
	padding: 0px 0px;
	background: url("/system/images/design2/hoteldetail_top.png") 0 0 no-repeat;
}

.activeL {
	height: 37px;
	background: url("/system/images/design/custom/hoteldetail_top_orange_left.png") 0 0 no-repeat;
	color:white;
}

.activeC {
	height: 37px;
	background: url("/system/images/design/custom/hoteldetail_top_orange_center.png") 0 0 no-repeat;
	color:white;
}

.activeR {
	height: 37px;
	background: url("/system/images/design/custom/hoteldetail_top_orange_right.png") right 0 no-repeat;
	color:white;
}

.cartPadding {
	/*padding-left: 20px;*/
	/*padding-top: 5px;*/
	
	margin-top: 5px;
	text-align: center;
}

.nonactive {
	width: 33%; 
	/*height: 37px;
	background: url("/system/images/design/custom/hoteldetail_top_orange_left.png") 0 0 no-repeat;
	*/
}

.hotelDetailTopCart .title {
	height: 37px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin: 0;
	/*margin-top: 6px;*/
	padding: 0;
	text-shadow: #c0c0c0 0 1px 1px;
	float: left;
}

.topKurColor {
	color: #128E9C;
}

.borderContact td {
	padding-bottom: 5px;
	padding-right: 20px;
	padding-top: 5px;
	border-bottom:    1px solid #128E9C !important;
}

.borderContact td.first {
	border-top:    1px solid #128E9C !important;
}

.formHolder.line {
	padding-bottom:2px;
  	padding-bottom:0;
  	padding-left:0;
  	padding-right:0;
  	padding-top:2px;
  	padding-top:4px;
}

.inputHolder, .selectHolder, .checkboxHolder, .textHolder, .labelHolder {
    display: block;
    float: left;
}


.groupRequest input[type=text] {
  color:            #000;
  padding:          0px 5px 0px 5px;
  margin:           0px 0px 0px 0px;
  border:           1px solid #abadb3;
  height:           20px;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

.groupRequest textarea {
  color:            #000;
  padding:          0px 5px 0px 5px;
  margin:           0px 0px 0px 0px;
  border:           1px solid #abadb3;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

.groupRequest select {
  color:            #000;
  padding:          0px 5px 0px 5px;
  margin:           0px 0px 0px 0px;
  border:           1px solid #abadb3;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

.groupRequest td {
	padding-top: 5px;
	font-size: 14px;
}

.formCenter select {
  color:            #000;
  padding:          0px 5px 0px 5px;
  margin:           0px 10px 0px 0px;
  border:           1px solid #abadb3;
  height:           22px;
  width:            160px;
  -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

input[disabled] {
	border: 1px solid #999;
	background-color: #ddd;
}

select[disabled] {
	border: 1px solid #999;
	background-color: #ddd;
}

.filterCountTitle {
	padding-left:15px;
}

.datepicker {
	position: relative;
	z-index: 10;
}

/********************** NOVE CSS ******************/

/* operatorky */
div.pageServisCenter {
  background:       #fff;
  padding:          8px 13px 0px 14px;
  -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  box-shadow:    #ababab 1px 2px 2px;
  position:         relative;  
}

div.pageServisCenter div.pageOperator {
  float:          left;
  width:          270px;
}

div.pageServisCenter div.pageOperator a.chat span {
  color:          #fff;
}

div.pageServisCenter div.pageOperatorInfo {
  float:          left;
  margin-left:    20px;
  color:          #128e9c;
}

div.pageServisCenter div.pageServisInfo {
  float:          left;
  width:          490px;
  margin-bottom: 0px;
}

div.pageServisCenter div.pageServisInfo div.floatRight {
  float:          right;
  width:          230px;
  text-align:     center;
}

div.pageServisCenter div.pageServisInfo div.floatLeft {
  float:          left;
  width:          230px;
  text-align:     center;
}

div.pageServisCenter a.recomShop {
  background:			  url( "/system/images/design2/icon_eshop.png" ) left top repeat;
  width:            108px;
  height:           107px;
  float:            right;
  margin:           30px 10px 0px 0px;
}

div.pageServisCenter a.recomShop span {
  display:          none;
}
/********************** NOVE CSS END ******************/

/* MESSAGES --------------------------------------------------------------- */	
#message-yellow	{
	margin-bottom: 5px;
	}
	
.yellow-left	{
	background: url( "/system/images/design2/message_yellow.gif" ) top left no-repeat;
	color: #e79300;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0 0 0 20px;
	}
.yellow-left a	{
	color: #e79300;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.yellow-right a	{
	cursor: pointer;
	}
.yellow-right	{
	width: 55px;
	}
#message-blue	{
	margin-bottom: 5px;
	}
.blue-left	{
	background: url( "/system/images/design2/message_blue.gif" ) top left no-repeat;
	color: #2e74b2;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0 0 0 20px;
	}
.blue-left a	{
	color: #2e74b2;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.blue-right a	{
	cursor: pointer;
	}
.blue-right	{
	width: 55px;
	}
#message-red	{
	margin-bottom: 5px;
	}
.red-left	{
	background: url( "/system/images/design2/message_red.gif" ) top left no-repeat;
	color: #ce2700;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0 0 0 20px;
	}
.red-left a	{
	color: #ce2700;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.red-right a	{
	cursor: pointer;
	}
.red-right	{
	width: 55px;
	}
#message-green	{
	margin-bottom: 5px;
	}
.green-left	{
	background: url( "/system/images/design2/message_green.gif" ) top left no-repeat;
	color: #6da827;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 12px;
	padding: 0 0 0 20px;
	}
.green-left a	{
	color: #6da827;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.green-right a	{
	cursor: pointer;
	}
.green-right	{
	width: 55px;
	}
	
.orderDiv {
	height: 30px;
	line-height: 30px;
	padding: 0 0px;
	font-size: 14px;
	color: #000;
	text-shadow: #955c1b 0 1px 1px;
	background: url("/system/images/design2/ordering_orange.png") 0 0 no-repeat;
}

.orderDiv .title {
	height: 30px;
	line-height: 30px;
	width:117px;
	text-align:center;
	font-size: 12px;
	float:left;
	color: #fff;
	font-weight:bold;
	text-shadow: #955c1b 0 1px 1px;
}

.orderDiv a {
	color: #000;
	padding-left:5px;
	text-decoration:none;
	font-weight:bold;
}

ul.topnav {  
    list-style: none;  
    padding: 0 0px;  
    margin: 0;  
    float: left;  
    width: 560px;  
}  
ul.topnav li {  
    list-style: none;
	float: left;  
    margin: 0;  
    padding: 0 0 0 0;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
ul.topnav li a{  
    padding: 0px 0px;  
    color: #000;  
    display: block;  
    padding-left:8px;
    padding-right:8px;
	text-decoration:none;
	font-weight:bold;
    float: left;
	background: url("/system/images/design/custom/ordering_separator.png") right 0 no-repeat;  
}  
ul.topnav li a:hover{  
    background: url("/system/images/design2/ordering_active.png") 0 0 no-repeat;  
} 

ul.topnav li a.active{  
    background: url("/system/images/design2/ordering_active.png") 0 0 no-repeat;  
} 
 
ul.topnav li span { /*--Drop down trigger styles--*/  
    width: 17px;  
    height: 35px;  
    float: left;  
    background: url(/system/css/erzgebirge/subnav_btn.gif) no-repeat center top;  
}  
ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 30px;  
    background: #333;  
    margin: 0; padding: 0;  
    display: none;  
    z-index:20;
	float: left;  
    width: 200px;  
    border: 1px solid #111;  
}  
ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    border-top: 1px solid #252525;  
    border-bottom: 1px solid #444;
	text-shadow: none;
	color:#ccc;
	clear: both;  
    width: 200px;  
}  
html ul.topnav li ul.subnav li a {  
    float: left;
	color:#fff;  
    width: 168px;  
    background: #333;  
    padding-left: 20px;  
}  
html ul.topnav li ul.subnav li a:hover {  
    background: #fc9c07;  
}
html ul.topnav li ul.subnav li a.active {  
    background: #fc9c07;  
}

input.newsletter  {
	font-size: 20px;
	color: gray;
	border: 3px solid #128E9C;
	margin-top:8px;
	margin-right:10px;
    border-radius: 8px 8px 8px 8px;
    width: 240px;
    height: 30px;
    padding-left:5px;
}