/* 
  Caribissimo.com CSS file
  Date: october 2009
  Version: 1.0
  Coded by Jiri Hajicek
  everyday.cz
*/


/*---------------------------------
            BODY
---------------------------------*/
body {
 color: #ffffff;
 font-family: Arial, Tahoma;
 _font-family: Calibri,Arial,Tahoma;
 background: #9ee3e5 url(../images/bg_main_top.jpg) center top repeat-x;
 margin:0px;
 }
 
#main {
  position:relative;
  top:0px;
  width:949px;
  margin:auto;
  }
  
#main_letenky {
  position:relative;
  top:0px;
  width:949px;
  min-height:1000px;
  _height:1000px;
  margin:auto;
  background: url(../images/bg_main_top_letenky.gif) left top no-repeat;
  }
  
.clear {
  clear:both;
  }
  
a {
  color:#ffffff;
  text-decoration:underline;
  }
  
h2 {
  font-size:10pt;
  color:#ffffff;
  font-weight:bold;
  margin:0px 0px 10px 0px;
  }
  
p {
  margin:0px 0px 20px 0px;
  }

ul {
  padding:0px;
  margin: 10px 0px 10px 20px;
  }

/*---------------------------------
            LEFT
---------------------------------*/

#left {
  width:250px;
  float:left;
  }
  
#logo {
  margin:26px 0px 0px 0px;
  width:250px;
  height:52px;
  background:url(../images/logo.gif) left top no-repeat;
  }

/*---------------------------------
            LEFT - LANGUAGES
---------------------------------*/

#languages {
  margin:42px 0px 0px 0px;
  width:250px;
  height:50px;
  }

#languages_flag {
  position:relative;
  top:0px;
  left:0px;
  width:226px;
  height:35px;
  border:0px;
  }

.languages_text {
  position:relative;
  width:226px;
  color:#ffffff;
  font-size:7pt;
  font-weight:bold;
  text-align:center;
  }
  
.languages_text a {
  text-decoration:none;
  color:#3896c8;
  }
  
.languages_text a:hover {
  text-decoration:none;
  color:#ffffff;
  }

/*---------------------------------
            LEFT - NEWS
---------------------------------*/

#bg_news {
  margin:16px 0px 5px 0px;
  width:250px;
  height:310px;
  background:url(../images/bg_left_news.jpg) left top no-repeat;
  font-size:7pt;
  color:#003c86;
  }
  
#bg_news p {
  margin-top:13px;
  line-height:130%;
  font-weight:bolder;
  }
  
#bg_news strong {
  font-size:7pt;
  font-weight:bold;
  color:#0d295f;
  }
 
#bg_news a {
  font-size:7pt;
  text-decoration:none;
  }
  
#bg_news a:hover {
  font-size:pt;
  text-decoration:underline;
  }
    
#bg_news #left_news01 {
  margin:70px 0px 0px 10px;
  width:205px;
  height:80px;
  }
  
#left_news02 {
  margin:40px 0px 0px 10px;
  width:205px;
  height:80px;
  } 
  
/*---------------------------------
            LEFT - TIP
---------------------------------*/

#bg_tip {
  margin:0px;
  width:226px;
  min-height:117px;
  _height:117px;
  background:#7b9f08 url(../images/bg_left_tip.gif) left top no-repeat;
  }
  
#bg_tip_bottom {
  margin:0px 0px 15px 0px;
  width:226px;
  height:3px;
  background:url(../images/bg_left_tip_bottom.gif) left bottom no-repeat;
  }

#tip_text {
  margin:10px 0px 0px 10px;
  width:125px;
  font-size:7pt;
  float:left;
  }

#tip_text p {
  margin:5px 0px 0px 0px;
  line-height:130%;
  font-weight:bolder;
  color:#ffffff;
  }
  
#tip_text strong {
  font-size:9pt;
  font-weight:bold;
  color:#165001;
  }
 
#tip_text a {
  text-decoration:none;
  }
  
#tip_text a:hover {
  text-decoration:underline;
  }
  
#tip_foto {
  position:relative;
  top:12px;
  left:-10px;
  width:70px;
  height:93px;
  float:right;
  }

/*---------------------------------
            LEFT - INFO
---------------------------------*/

#bg_info {
  margin:0px;
  width:226px;
  min-height:113px;
  _height:113px;
  background:#025b9c url(../images/bg_left_info.gif) left top no-repeat;
  }

#bg_info_bottom {
  margin:0px 0px 15px 0px;
  width:226px;
  height:3px;
  background:url(../images/bg_left_info_bottom.gif) left bottom no-repeat;
  }

#info_text {
  position:relative;
  top:10px;
  left:10px;
  width:118px;
  font-size:7pt;
  float:left;
  }

#info_text p {
  margin-top:5px;
  line-height:130%;
  font-weight:bolder;
  color:#ffffff;
  }
  
#info_text strong {
  font-size:9pt;
  font-weight:bold;
  color:#75e6f0;
  }
 
#info_text a {
  text-decoration:none;
  }
  
#info_text a:hover {
  text-decoration:underline;
  }
  
#info_foto {
  position:relative;
  top:12px;
  left:-10px;
  width:70px;
  height:93px;
  float:right;
  }


/*---------------------------------
            LEFT - TIP HOTELS
---------------------------------*/

#bg_tip_hotels {
  margin:0px 0px 0px 0px;
  width:226px;
  min-height:116px;
  _height:116px;
  background:#df9606 url(../images/bg_left_tip_hotels_top.gif) left top no-repeat;
  }
  
#bg_tip_hotels_bot {
  margin:0px 0px 35px 0px;
  width:226px;
  height:5px;
  background:#df9606 url(../images/bg_left_tip_hotels_bot.gif) left bottom no-repeat;
  }
  
#bg_tip_hotels .nadpis {
  margin:-8px 10px 5px 10px;
  font-size:9pt;
  font-weight:bold;
  color:#572400;
  }
  
#bg_tip_hotels .item_hotels {
  width:226px;
  height:45px;
  background:#df9606 url(../images/tip_hotels_item_line.gif) left bottom repeat-x;
  }

#bg_tip_hotels .tip_text_hotels {
  margin:8px 10px 2px 10px;
  width:150px;
  height:35px;
  font-size:7pt;
  float:left;
  color:#ffffff;
  }
  }
  
#bg_tip_hotels .tip_text_hotels bold{
  font-size:7pt;
  font-weight:bold;
  }

#bg_tip_hotels .tip_price_hotels {
  margin:8px 10px 5px 0px;
  width:40px;
  height:17px;
  font-size:7pt;
  color:#ffffff;
  float:right;
  text-align:right;
  }
 
#bg_tip_hotels .tip_text_hotels a {
  text-decoration:none;
  }
  
#bg_tip_hotels .tip_text_hotels a:hover {
  text-decoration:underline;
  }


/*---------------------------------
            RIGHT
---------------------------------*/

#right {
  position:relative;
  top:0px;
  width:699px;
  float:right;
  }

/*---------------------------------
            RIGHT - TOP MENU
---------------------------------*/

#top_menu {
  position:relative;
  top:30px;
  left:50px;
  width:699px;
  height:52px;
  font-size:9pt;
  font-weight:bold;
  text-align:center;
  }

.top_menu_item {
  padding-left:15px;
  padding-right:15px;
  color:#ffffff;
  float:left;
  }
  
.top_menu_line {
  color:#83b9d0;
  font-size:9pt;
  float:left;
  }
  
.top_menu_item a {
  text-decoration:none;
  color:#83b9d0;
  }
  
.top_menu_item a:hover {
  text-decoration:none;
  color:#ffffff;
  }

#bg_top {
  position:relative;
  top:0px;
  width:699px;
  height:307px;
  background:url(../images/bg_right_top.jpg) left top no-repeat;
  }
  
#bg_top img {
  position:relative;
  top:22px;
  width:699px;
  height:285px;
  border:0px;
  }
  
/*---------------------------------
            RIGHT - MIDDLE
---------------------------------*/  

#bg_middle {
  position:relative;
  top:0px;
  width:699px;
  height:123px;
  background:#002877 url(../images/bg_middle.jpg) left top no-repeat;
  font-size:7pt;
  z-index:3;
  }

#bg_middle p {
  margin-top:5px;
  line-height:140%;
  font-weight:bolder;
  color:#4c3700;
  }
  
#bg_middle strong {
  font-size:9pt;
  font-weight:bold;
  color:#ffffff;
  }
 
#right_middle01 {
  margin-top:-6px;
  margin-left:7px;
  width:224px;
  height:129px;
  background:url(../images/bg_middle_hotels.jpg) left top no-repeat;
  float:left;
  }

#right_middle01 a {
  text-decoration:none;
  color:#582601;
  }

#right_middle02 {
  margin-top:-6px;
  margin-left:7px;
  width:224px;
  height:129px;
  background:url(../images/bg_middle_vylety.jpg) left top no-repeat;
  float:left;
  }
  
#right_middle02 a {
  text-decoration:none;
  color:#161c01;
  }
  
#right_middle03 {
  margin-top:-6px;
  margin-left:7px;
  width:224px;
  height:129px;
  background:url(../images/bg_middle_letenky.jpg) left top no-repeat;
  float:left;
  }
  
#right_middle03 a {
  text-decoration:none;
  color:#010e21;
  }
    
.middle_text {
  width:200px;
  height:90px;
  margin:10px 10px 10px 10px;
  }

/*---------------------------------
            RIGHT - MAIN
---------------------------------*/

#bg_main {
  width:699px;
  min-height:326px;
  _height:326px;
  background:#025b9c url(../images/bg_main.gif) top left repeat-x;
  }
  
#main_top {
  position:relative;
  top:15px;
  left:20px;
  width:430px;
  }

#main_bottom {
  margin-top:-7px;
  width:699px;
  height:20px;
  background:#025b9c url(../images/right_main_bottom.gif) bottom left no-repeat;
  }

#main_top h1 {
  font-family:Times;
  font-size:13pt;
  font-weight:bolder;
  color:#c8eaf6;
  margin:0px;
  }

#main_text {
  position:relative;
  top:45px;
  left:20px;
  width:430px;
  font-size:8pt;
  color:#99ccff;
  line-height:140%;
  float:left;
  }

#main_request {
  position:relative;
  top:0px;
  left:10px;
  width:240px;
  font-size:8pt;
  color:#6fbfdc;
  line-height:140%;
  float:right;
  }
  
#main_request input {
  font-size:8pt;
  color:#565656;
  width:220px;
  height:15px;
  margin-top:27px;
  border:2px solid #77bbd4;
  padding-left:2px;
  padding-top:2px;
  }
  
#main_request textarea {
  font-size:8pt;
  font-family: Arial,Tahoma;
  color:#565656;
  width:222px;
  height:105px;
  border:2px solid #77bbd4;
  }

#main_request .button {
  margin-top:19px;
  margin-left:-2px;
  width:227px;
  height:40px;
  border:0px;
  }
  
/*---------------------------------
            RIGHT - bottom
---------------------------------*/

#right_bottom {
  position:relative;
  top:0px;
  width:699px;
  height:300px;
  font-size:7pt;
  font-weight:bold;
  color:#57a2a3;
  text-align:center;
  }
  
#right_bottom a {
  text-decoration:underline;
  color:#57a2a3;
  }
  
#right_bottom a:hover {
  color:#ffffff;
  }
  
/*---------------------------------
            RIGHT - PAGE
---------------------------------*/

#bg_main_page {
  width:699px;
  min-height:326px;
  _height:326px;
  background:#002877;
  }

#main_page_bottom {
  margin-top:-13px;
  width:699px;
  height:40px;
  background:#002877 url(../images/right_page_bottom.jpg) bottom left no-repeat;
  }
  
#main_top_page {
  position:relative;
  top:16px;
  width:699px;
  height:36px;
  border-bottom:3px solid #ecc109; 
  }

#main_top_page h1 {
  font-family:Times;
  font-size:13pt;
  font-weight:bolder;
  color:#c8eaf6;
  margin:0px 0px 0px 20px;
  }

#area_text {
  position:relative;
  top:35px;
  left:20px;
  width:430px;
  font-size:8pt;
  color:#6fbfdc;
  line-height:140%;
  float:left;
  }
  
#area_map {
  position:relative;
  top:20px;
  left:0px;
  width:238px;
  height:196px;
  border:0px;
  float:right;
  }
  
#main_text_page {
  margin-top:45px;
  margin-left:20px;
  width:659px;
  font-size:8pt;
  color:#6fbfdc;
  line-height:140%;
  }
  
.iframe_letenky {
  margin:25px 0px 10px 0px;
  width:100%;
  height:1500px;
  border:0px;
  }

/*---------------------------------
            HOTELS - line
---------------------------------*/
.hotels_line {
  position:relative;
  left:20px;
  width:659px;
  min-height:40px;
  _height:40px;
  border-bottom:1px solid #025b9c;
  }

.hotels_line h3 {
  width:330px;
  font-size:11px;
  font-weight:bold;
  margin: 12px 0px 5px 5px;
  color:#ffffff;
  float:left;
  }
  
.hotels_line .area {
  width:229px;
  font-size:11px;
  margin: 12px 0px 5px 0px;
  color:#025b9c;
  float:left;
  }

.hotels_line .btm_detail {
  margin: 9px 0px 5px 0px;
  float:right;
  }
  
.btm_detail a {
  font-size:9px;
  color:#ffffff;
  }
  
.hotels_line .detail {
  position:relative;
  left:-20px;
  margin:20px 0px 20px 0px;
  width:699px;
  background:#025b9c;
  }
  
.detail input {
  font-size:8pt;
  color:#565656;
  width:220px;
  height:13px;
  border:2px solid #77bbd4;
  padding-left:2px;
  padding-top:2px;
  }
  
.detail select {
  font-size:8pt;
  color:#565656;
  __width:225px;
  height:20px;
  border:2px solid #77bbd4;
  }
  
.detail textarea {
  font-size:8pt;
  font-family: Arial,Tahoma;
  color:#565656;
  width:222px;
  height:105px;
  border:2px solid #77bbd4;
  }

.detail .buttom {
  width:120px;
  height:25px;
  border:0px;
  color:#ffffff;
  font-weight:bold;
  background:#6fbfdc;
  }

.detail .image_pic {
  margin:0px 0px 5px 0px;
  border:0px;
  width:699px;
  height:284px;
  }

.detail .top_detail {
  position:relative;
  left:20px;
  width:659px;
  height:40px;
  border-bottom:1px solid #6fbfdc;
  }
  
.top_detail .button {
  position:relative;
  top:-20px;
  width:80px;
  height:30px;
  background:#6fbfdc;
  margin: 0px 0px 0px 1px;
  text-align:center;
  float:right;
  }
  
.top_detail .button_text {
  margin-top:5px;
  }
  
.top_detail .button_text a {
  color:#ffffff;
  text-decoration:none;
  font-size:11px;
  }
  
.detail h3 {
  width:659px;
  font-size:11px;
  font-weight:bold;
  margin: 12px 0px 5px 0px;
  color:#ffffff;
  float:left;
  }
  
.detail h4 {
  width:659px;
  font-size:10px;
  font-weight:bold;
  margin: 15px 0px 5px 20px;
  color:#ffffff;
  }
  
.detail p {
  width:659px;
  font-size:10px;
  font-weight:bold;
  margin: 5px 0px 6px 20px;
  color:#6fbfdc;
  }
  
.detail ul {
  width:659px;
  font-size:10px;
  font-weight:bold;
  margin: 5px 0px 6px 30px;
  color:#6fbfdc;
  }

.detail .cena {
  width:659px;
  margin: 6px 0px 6px 20px;
  border-top:1px solid #6fbfdc;
  border-bottom:1px solid #6fbfdc;
  }

.hotels_foto {
  margin:0px 0px 20px 20px;
  width:659px;
  background:#025b9c;
  text-align:center;
  }

.hotels_foto .big_foto {
  border:4px solid #2e83b6; 
  width:302px;
  height:228px;
  }

.hotels_foto .select_foto {
  margin-top:15px;
  margin-bottom:15px;
  width:659px;
  min-height:105px;
  _height:105px;
  }

.select_foto .foto_ramecek {
  margin:3px 3px 5px 0px;
  border:4px solid #2e83b6; 
  width:93px;
  height:72px;
  float:center;
  }