/*
home.css
odpowiada za formatowanie
podl�czamy ten plik css pod pod stron� g��wna
*/

/*search panel*/
#rightside #search {float:left; width:193px; height:310px; background:url(/img/bg_searchpanel_main.jpg) no-repeat top left; padding:5px 10px; color:#fff;}
#rightside #search img {cursor:pointer;}
#rightside #search span {display:block; font-weight:bold; font-size:12px; margin-bottom:10px; /*for IE -> */ *margin-bottom:7px}
#rightside #search select {width:190px; border:1px solid #ccc; font-size:11px; margin-bottom:8px; /*for IE -> */ *margin-bottom:7px}
#rightside #search select.day {width:40px; margin-right:5px;}
#rightside #search select.month {width:100px;}
#rightside #search input.search {width:177px; height:37px; background:url(/img/bg_searchpanel_input.gif) no-repeat top left; color:#fff; font-size:16px; font-weight:bold; border:none; text-align:left; padding-left:10px; cursor:pointer; margin-top:8px;}
#rightside #search img {vertical-align:top;}

/*offers*/
#rightside .offers {width:155px; background:#E5EAF0; color:#ff8000; margin-left:3px;}
#rightside .offers tr {cursor:pointer;}
#rightside .offers td,.offers th {padding:3px 3px; border-bottom:1px solid #fff; vertical-align:top;}
#rightside .offers td {text-align:right;}
#rightside .offers thead td {color:#fff; font-weight:bold; text-align:left; font-size:12px;}
#rightside .offers th {color:#666; font-weight:normal; /*for opera -> */ text-align:left;}
#rightside .offers th span {display:block; width:65px; overflow:hidden; white-space:nowrap; overflow:hidden;}
#rightside .offers td.price {color:#333; font-weight:bold;}
#rightside .offers td.last,.offers td.exotic,.offers td.vacation {height:84px; /*for IE -> */ *height:79px;}
#rightside .offers td.last {background:url(/img/homepage/lastminute.jpg) no-repeat top center;}
#rightside .offers td.exotic {background:url(/img/homepage/exotic.jpg) no-repeat top center;}
#rightside .offers td.vacation {background:url(/img/homepage/vacation.jpg) no-repeat top center;}

/*dropdown go to other country*/
#rightside #country_go {float:left; width:213px; clear:left; margin:15px 0 10px 0;}
#rightside #country_go select {width:213px; border:1px solid #ccc; font-size:11px;}

/*dropdown search hotel*/
#rightside #search_hotel {float:left; width:213px; clear:left; margin:10px 0;}
#rightside #search_hotel input {width:175px; border:1px solid #ccc; font-size:11px; height:17px;}
#rightside #search_hotel input.search_h {width:auto; height:auto; border:none; margin-left:5px; position:relative; top:6px; /*for IE -> */ *top:3px}

/*hotel opinion*/
#rightside #opinion {float:left; width:213px; clear:left; margin:10px 0;}
#rightside #opinion h3 {background:url(/img/cloud.gif) no-repeat top left; padding:18px 0 5px 35px;}
#rightside #opinion span {background:#efefef; display:block; padding:0 4px; color:#666; position:relative;}
#rightside #opinion span.sec {background:#fff;}
#rightside #opinion span strong {width:30px; display:inline-block; color:#333;}

/*recomendations table*/
#rightside #recomendation {width:480px; float:right; clear:right; margin:15px 0 10px 0;}
#rightside #recomendation h3 {padding-left:5px;}
#rightside #recomendation table {width:155px; background:#efefef; color:#444; margin-left:5px;}
#rightside #recomendation table span {font-weight:bold;}
#rightside #recomendation table th {padding:7px 5px; background:#FFB633; font-weight:normal; color:#134989;}
#rightside #recomendation table img {margin-bottom:5px;}
#rightside #recomendation table a {color:#ff8000; line-height:18px; text-decoration:underline;}

/*best deal*/
#rightside #bestdeal {float:left; width:213px; clear:left; margin:10px 0; color:#444;}
#rightside #bestdeal div {display:block; padding:5px 0;}
#rightside #bestdeal div img {float:left; margin:0 5px 0 0;}
#rightside #bestdeal div .hname {font-weight:bold;}
#rightside #bestdeal div span {width:130px; float:right;}
#rightside #bestdeal div span span {width:auto; float:none; font-weight:bold; color:#ff8000;}
#rightside #bestdeal div .go {color:#ff8000; float:right;}

/*4 steps*/
#rightside #steps {width:480px; /*float:right;*/ clear:right; margin:10px 0 0 0; color:#444;}
#rightside #steps h3 {padding-left:5px;}
#rightside #steps div {float:right; width:225px; background:#EFEFEF; margin:0 0 5px 5px; padding:0 10px 0 0;}
#rightside #steps div img {float:left; margin-right:10px;}

#rightside #steps td span { font-weight:bold; }