/* CSS Document */



html, body {
	background: #4396CA url(http://www.hotelo.pl/images/bg.JPG) repeat-x;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	line-height: 24px;
	margin: 0 0 7px 0;
	padding: 0;
}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

#HEAD {

	background: url(http://www.hotelo.pl/images/head.gif) no-repeat;
	margin-left: auto;
	margin-right: auto;
	width:843px;
	height:95px;
	text-align:center;
}


#TOP {
    background:#FFFFFF;
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	border-style:solid; 
	border-width: 9px 12px 9px 12px;
	border-color: #558BAD;	
}



#SUBTOP {	
	padding: 6px;
	width: 780px;
	margin-left: auto;
	margin-right: auto;	
}

#BREADCRUMBS {
    float:left;
	width:780px; /* zmiana */
	margin: 0px 0 5px 0;	
	background-color:#E5E5E5;
	text-align:left;
	height: 27px; /* zmiana */
}

.breadHref, .breadTxt{
    color:#4A4A4A;
	display:inline;
	height:20px;
	font-size:11px;
	padding: 2px 0 2px 5px;
}	

.breadHref a{text-decoration:none; color:#4A4A4A;}
.breadHref a:hover{text-decoration:underline; color:#4A4A4A;}


#MAINMANU {
	color:#FFFFFE;
	margin: auto;
	width:780px;
	padding-bottom:3px;  /*zmiana*/
	margin-bottom:8px;   /*zmiana*/
	margin-top:10px;     /*zmiana*/
}

#MAINMANU, .home a .aboutas a, .contact a .howtorate a{
font-size:11px;
font-weight:400; /*zmiana 2*/
width:auto;
height:21px;
}

.home a{
padding: 1px 10px 3px 10px; /*zmiana*/
color:#FFFFFE;
float:left;
background:url(http://www.hotelo.pl/images/menuBgPrim.JPG) repeat-x;
}

.aboutus a{
margin-left:2px;
padding: 1px 10px 2px 10px;
color:#FFFFFE;
float:left;
background:url(http://www.hotelo.pl/images/menuBgPrim.JPG) repeat-x;
}

.contact a{
margin-left:2px;
padding: 1px 10px 2px 10px;
color:#FFFFFE;
float:left;
background:url(http://www.hotelo.pl/images/menuBgPrim.JPG) repeat-x;
}

.howtorate a{
margin-left:2px;
padding: 1px 10px 2px 10px;
color:#FFFFFE;
float:left;
background:url(http://www.hotelo.pl/images/menuBgPrim.JPG) repeat-x;
}

#MAINMANU .fullfill{
width:485px; /*zmiana*/
height:27px;  /*zmiana*/
float:left;
margin-left:2px;
background:url(http://www.hotelo.pl/images/menuBgPrim.JPG) repeat-x;
}

/*// usuniete podswietlenie gornego menu */

#NAGLOWEK {
	background-color: #888;
}

#BANNER {
	background-color: #888;
}





/* --------------------------- GLOWNY DIV #MENU  --------------------------- */	

/* -------------------------------------------------------------------------- */			

#MENU {
	margin: auto;
	width: 220px;
	float: left;
	overflow: hidden;
	background-color: #FFFFFF;
}

                           /*  ELEMENTY DIV #MENU */		

.HOTELSINTHECITY {
	background-color:#FF9B2D;
	font-family: Tahoma, Arial, sans-serif; /*zmiana*/
	font-size:11px; /*zmiana*/
	color:#FFFFFF;
	height:25px; /*zmiana*/
	padding: 2px 0 0 30px; /*zmiana*/
	text-align:left;
	width: 226px;
}

#MOSTPOPULAR {
	width: 226px;
	float: left;
	border-bottom: 1px; color:#0000FF;
	margin-bottom: 3px;		
	background: #F8F8F8;
}

.navigationM{
    padding:0 17px 0 17px; /*zmiana*/
}

.navigationIn a {
	font: 11px Tahoma, Arial, Helvetica, sans-serif; /*zmiana*/
	color: #23678E;
/*	line-height:16px;
	letter-spacing:.1em;*/
	text-decoration: none;
	display:block;
	padding:7px 6px 6px 5px; /*zmiana*/
	background: #F8F8F8;
	text-align:left;	
	}

.navigationIn a:hover {

	background-color:#f1f1f1; /*zmiana*/
	color:#3a3a3a; /*zmiana*/
	padding-left:5px; /*zmiana*/
	text-align:left;
	}

.hrcity0{
	border-style:dotted;
	border-color:#DDDDDD;
        height: 0px; 
	width:100%;
	float:left;
        margin-top:3px;
}	

.hrcity1{
    background:#E2E2E2;
	width:85%;
	margin: auto;
    height: 1px; 
	font-size: 1px;	
}

.hrcity2{
    background:#E2E2E2;
	width:85%;
	margin: auto;
    height: 1px; 
	font-size: 1px;	
}

#ALLCITIESLIST {
	font-family: Tahoma, Arial, sans-serif; /*zmiana*/
	font-size:11px; /*zmiana*/
	width: 226px;
	float: left;
	margin: 3px 0 5px 0; /*zmiana*/
	text-align:center;
	padding-top: 14px;
	height:30px;	
	background-color: #4396CA;
}

#LASTOPINIONS {
	font-size:11px; /*zmiana*/
	width: 226px;
	float: left;
	text-align:left;
	background-color: #FFFFFF;
    padding-bottom:4px; /*zmiana*/
}

.unitLASTOPINIONS{
    float:left;
	width: 226px;
}

.signLO {
	float: left;
	color:#676767;
	width:15px;
}

.restLO {
line-height: 12px; /*zmiana*/
}

.hotelNameLO a{
	float:left; /*zmiana*/
	color: #23678E; /*zmiana*/
	padding: 5px 0 5px 0; /*zmiana*/
	margin-left: 3px; /*zmiana*/
}

.textLO {
	float:left; /*zmiana*/
	font-size:11px; /*zmiana*/
	color: #a5a5a5;	/*zmiana*/
	padding: 0 0px 0 0px; /*zmiana*/
	margin-left: 2px; /*zmiana*/
	margin-right:8px;	/*zmiana*/
        clear:both;
}

.readMoreLO {
	float:right; /*zmiana*/
	padding: 0 15px 0 0; /*zmiana*/		
	color: #23678E;	/*zmiana*/
	width:auto;	/*zmiana*/
}

.readMoreLO a{
	color: #23678E;	/*zmiana*/
    text-decoration:none; /*zmiana*/	 
}

.readMoreLO a:hover{
	color: #23678E; /*zmiana*/
	text-decoration:underline; /*zmiana*/	
}

/* ---------------------------  GLOWNY DIV #TRESC --------------------------- */

/* -------------------------------------------------------------------------- */

#TRESC, #SERVICENOTE {width:560px;}		

#SORT{
margin-right:-4px;
width:560px;
}

#SEARCHEDHOTELS{
margin-right:-3px;
width:560px;}

#TRESC {
	float: left;
	display:block;
	overflow: visible;
	background-color: #fff;
}



                             /*  ELEMENTY DIV #TRESC MAIN */		

#BANNERTOP {
	margin:0 0 0 5px;
	overflow: visible;
	height:110px;
	width: 555px; /*zmiana*/
	background: url(http://www.hotelo.pl/images/bannerTop.jpg) no-repeat;
}

#BANNERBOTTOM {
	height:25px;
	margin-left: 5px;
	background: url(http://www.hotelo.pl/images/bannerBottom.jpg) no-repeat;
}

#SEARCHER {
    display:block;
	height:21px;
	margin:-6px 0 10px 5px;
}

.submitButton{
    padding-left:85px;
	border:0px;
}

.inputField{
    padding-left:5px;
}

.OUTANDHIGHTITLE {
	font-size:11px; /*zmiana*/
	display:block;
	background:#58A9BE;
	width:257px; /*zmiana*/
	height:20px; /*zmiana*/
	color:#FFFFFF; 
	padding-top:2px;
	padding-right:0; /*zmiana*/
	padding-bottom:5px; /*zmiana*/
	padding-left:15px; /*zmiana*/
}

#HIGHESTRATED {     

/* Lewy w TRESC zapas 15px width*/
	float: left;
	width:265px;
	margin: 4px 0 0 5px;	
	overflow: visible;
	background-color: #fff;
}

.unitHIGHESTRATED{
	width:270px; /*zmiana*/
	border: 1px solid;
	border-color:#E5E5E5;
	margin-top:7px; /*zmiana*/
	float:left;	
}

.hotelNameHR{
	background: #F4F4F4;
	margin: 2px 2px auto;
	padding: 0px 0 0px 20px;		/*zmiana*/
}

.hotelNameHR a{
    color:#23678e; /*zmiana*/
	text-decoration:none;
}

.hotelNameHR a:hover{
    color:#23678e; /*zmiana*/
    text-decoration: underline; /*zmiana*/
}

.standardHRStar{
	margin: 2px 2px auto; /*zmiana*/
	padding: 5px 0 5px 20px; /*zmiana*/
}

.standardHRText{
    color:#FAB913;
	font-size:11px;	 /*zmiana*/
	margin: 2px 2px auto; /*zmiana*/
	padding: 2px 0 1px 20px; /*zmiana*/
}

.cityHR{
    color: #8F8F8F;
	float:left;
	padding: 4px 0 4px 20px;	/*zmiana*/	
	width:auto;
}

.cityHR a{
    color: #8F8F8F;
}

.cityHR a:hover{
    color: #8F8F8F;
}

.rateHR{
    float:left;
	padding: 4px 5px 4px 0; /*zmiana*/		
	width:auto; 
    color: #407da6; /*zmiana*/
}


.rateHR a{
    color: #407da6;
}


#OUTOFOPINION {

   /* Prawy w TRESC  zapas 15px width*/
	float: right;
	width:272px; /*zmiana*/
	margin: 4px 0 0 5px; 	
	overflow: hidden;
	background-color: #fff;
}

.unitOUTOFOPINION{
	border: 1px solid;
	border-color:#E5E5E5;
	width:270px; /*zmiana*/
	margin-top:7px; /*zmiana*/
	float:right;
/*	padding: 2px 0 2px 0;*/

}

.hotelNameOoO{
	background: #8db7c3; /*zmiana*/
	margin: 2px 2px auto;
	padding: 0px 0 0px 20px; /*zmiana*/
}

.hotelNameOoO a{
    color:#FFFFFB;
	text-decoration:none;
}

.hotelNameOoO a:hover{
    color:#FFFFFB;
	text-decoration:underline;
}

.standardOoOStar{
	margin: 2px 2px auto;
	padding: 5px 0 5px 20px;
}

.standardOoOText{
    color:#8f8f8f; /*zmiana*/
	font-size:11px; /*zmiana*/
	margin: -1px 0px auto; /*zmiana*/
	padding: 0px 0 0px 20px; /*zmiana*/
}

.cityOoO{
    color: #4CA8A7;
	float:left;
	padding: 4px 0 4px 20px; /*zmiana*/		
	width:auto;
}

.cityOoO a{
    color: #8F8F8F; /*zmiana*/
}

.cityOoO a:hover{
    color: #8F8F8F;  /*zmiana*/ 
}

.addOoO{
    float:right;
	padding: 0 90px 0 0;		
	margin-top: 4px; /*zmiana*/
	width:auto;
	height:23px;
	background:url(http://www.hotelo.pl/images/ratelink.gif) no-repeat;
}



                             /*  ELEMENTY DIV #TRESC HOTELS LIST */		

#SORT {
    float:right; /*zmiana*/
	overflow:hidden;
	margin-top:-2px; /*zmiana*/
    width:558px; /*zmiana*/
}

.sortUnitd{
    float:left;
	overflow:hidden;
	margin-left:50px;	
}

#SEARCHEDHOTELS {
	float: right; /*zmiana*/
	overflow: visible;
	text-align:right; /*zmiana*/
	width:558px; /*zmiana*/
}



                             /*  ELEMENTY DIV #TRESC HOTEL PRESENTATION */		

 /*560 px do rozdysponownia*/

#HOTELMAINLEFT {
    width:410px;
    float:left;
}

#HOTELMAINRIGHT {
    width:150px;
    float:right;
}

#FooterLinks {
	margin-top:20px;
    float: left;
    color:#FFFFFE;
}

#FooterLogo {
	margin-top:20px;
	background: url(http://www.hotelo.pl/images/footterlogo.gif) no-repeat;
    float: right;
	padding: 0 200px 40px 0;	
}

.CLEAR{
    clear:both;
}

.CLEARALL{
    clear:both;
	width:100%;
}


.errorClass{
    text-align: center;
	color:#909090;
	font-weight:600;
}

.citiesLists{
     
}

.citiesListsOption{
    color:#2B70B3; 
}


/*----------------//moje*/

option {
color:#666666; 
font-size:11px;
}

.head_baner{
margin-left:5px; /*zmiana*/
background: url(http://www.hotelo.pl/images/bg_search_all.jpg) no-repeat; /*zmiana*/
width: 555px; /*zmiana*/
height: 158px; /*zmiana*/
}

select{
width: 200px; 
font-size: 11px;
}

.box-searcher{
border:#e5e5e5 1px solid; 
width:218px; 
height:77px; 
margin-top:1px;
margin-bottom:1px;
}

.box-input-search{
width:178px; 
height:25px; 
border:#d3d3d3 1px solid; 
margin:auto; 
margin-top:10px;
}