/* CSS Document 
   Autor: Vojt�ch Barto�
*/

/* Global set --------------------------------------------------------------- */
body {
	background: #FFFFFF url('../images/background/main.png') repeat-x top;
	font-family: Arial;
	font-size: 12px;
	color: #2d2d2d;
}

/* P */
p { margin-bottom: 10px; line-height: 125%; }

/* H nadpisy */
h1 { margin: 0 0 20px 0; color: #FFFFFF; font-family: Tahoma; padding: 10px; font-weight: normal; font-size: 24px; background: #054a64; }
h1.banner { margin: 0; padding: 0; }
h1.banner span { float: left; margin: 10px 0 0 10px; padding: 7px 12px 7px 12px; color: #FFFFFF; font-size: 24px; text-decoration: none; background: #054a64; }
h2 { color: #0b4156; font-size: 20px; margin-bottom: 10px; font-weight: normal; }
h3 { color: #0b4156; font-size: 16px; margin-bottom: 10px; font-weight: bold; font-style: italic; }
h4 { color: #0b4156; font-size: 12px; margin-bottom: 10px; font-weight: bold; }
h2 a, h3 a, h4 a { color: #0b4156; text-decoration:none; }

/* Background Up */
#background { width: 100%; height: 100%; background: url('../images/background/main_up.png') top center no-repeat; }

/* Page */
#page { width: 964px; min-height: 700px; padding-bottom: 20px; margin: 0 auto 0 auto; }


/* Header */
#header { width: 944px; height: 53px; padding: 20px 0 0 20px; }
#header a { float: left; }
#header .search { float: right; padding-top: 10px; }
#header .search .input  { border: 1px solid #228bb3; margin-right: 10px; }
#header .search .submit { color: #FFFFFF; border: 1px solid #228bb3; background: #00374d; }


/* Menu */
#menu { width: 954px; height: 71px; padding: 20px 0 0 10px; font-size: 15px; background: url('../images/background/menu.png') no-repeat; }
#menu li { float: left; }

#menu li a { float: left; padding: 0 10px 10px 10px; margin-right: 14px; color: #FFFFFF; text-decoration: none; }
#menu li a:hover { text-decoration: underline; }

#menu ul li { position:relative; }
#menu ul li ul { display:none; width:200px; position:absolute; background:#2e93ba; }
#menu ul li ul li { float:none; display:block; width:100%; margin:0; padding:0; }
#menu ul li ul li a { float:none; display:block; background:#2e93ba; padding:8px 20px; margin:0; }
#menu ul li ul li a:hover { background:#34a7d3;  text-decoration: none; }

/* Left Content */
#left_content { float: left; width: 265px; padding-top: 10px; }
#left_content .box { float: left; width: 216px; height: 87px; margin-bottom: 30px; background: url('../images/left_content.jpg') no-repeat; }
#left_content .box a { float: left; margin: 55px 0 5px 5px; padding: 5px 7px 5px 7px; color: #FFFFFF; font-weight: bold; font-size: 14px; text-decoration: none; background: #054a64; }

/* Content */
#content { float: left; font-family: Tahoma; width: 699px; padding-top: 10px; }

#content ul { margin: 0 0 10px 25px; list-style: square outside; }

#content .drobecky { width: 100%; padding-top: 5px; margin-bottom: 13px; font-family: Trebuchet MS; color: #016189;}
#content .drobecky a { color: #016189; text-decoration:none; }
#content .drobecky a:hover { text-decoration:underline; }
#content .box_fotogalerie { width: 699px; height: 211px; background: url('../images/banner_fotogalerie.png') no-repeat; }

/* Description */
#content .description { float: left; width: 699px; margin-bottom: 20px; background: url('../images/background/description.png') repeat-y; }
#content .description .text  { float: left; width: 470px; line-height: 135%; padding: 10px 10px 10px 5px; color: #272727; font-size: 14px; }
#content .description .links { float: left; width: 189px; padding: 10px 0 0 20px; line-height: 160%; }
#content .description .links a { font-size: 14px; color: #000000; }
#content .description .links a:hover { text-decoration: none; }

/* Detail */
#content .details { float: left; width: 460px; color: #272727; text-align: justify; padding: 0 35px 0 0; margin: 20px 0 0 0; }
#content .details h2    { color: #054a64; font-size: 24px; margin: 20px 0 20px 0; }
#content .details h3 { font-weight: bold; color:#000; font-style:normal; font-size: 14px; margin: 10px 0 10px 0; }

#content .detail_gallery { float: right; width: 204px; margin: 20px 0 30px 0; }
#content .detail_gallery img { margin-bottom: 20px; }

#content .det_desription { float: left; width: 460px; padding: 0 35px 0 0; line-height: 125%; margin-bottom: 30px; }

#content .order { float: right; width: 204px; line-height: 145%; }
#content .order a.button { float: left; padding: 10px 0 13px 0; margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none; text-align: center; width: 100%; background: url('../images/background/order_button.png') repeat-x; }
#content .order a { color: #000000; font-size: 14px; }
#content .order a:hover { text-decoration: none; }

/* Uvod */
#content .middle { float: left; width: 432px; font-family: Arial; padding: 0 35px 0 0; }
#content .middle .text { margin: 25px 0 30px 0; text-align: justify; font-size: 13px; line-height: 135%; color: #1e1e1e; }
#content .middle .news { width: 432px; }
#content .middle .news .title { color: #0b4156; font-size: 20px; padding-left: 10px; margin-bottom: 15px; }
#content .middle .news .box { width: 412px; margin-bottom: 20px; padding: 10px; background: url('../images/background/news.png') repeat-x; }
#content .middle .news .box .title { padding: 0; margin: 0 0 10px 0; font-style:normal; }
#content .middle .news .box .title a { font-size: 14px; font-weight: bold; color: #0b4156; padding: 0; text-decoration: none; }
#content .middle .news .box .title a:hover { text-decoration: underline; }
#content .middle .news .box .textt  { padding: 0; margin: 0; color: #003b53; line-height: 125%; }
#content .middle .news .box .imgBorder { float: left; padding:1px; border: 2px solid #0f79a2; margin: 0 10px 10px 0; }

#content .right  { float: right; width: 232px; }
#content .right .title { font-size: 20px; font-family: Arial; color: #0b4156; margin: 10px 0 20px 0; }
#content .right .box { width: 232px; margin-bottom: 20px; }
#content .right .box .title { padding: 0; margin: 0 0 10px 0; }
#content .right .box .title a { font-size: 14px; font-weight: bold; color: #0b4156; padding: 0; margin: 0 0 10px 0; text-decoration: none; }
#content .right .box .title a:hover { text-decoration: underline; }
#content .right .box .textt  { padding: 0; margin: 0; color: #003b53; line-height: 125%; }
#content .right .box .textt img { float: left; border: 2px solid #0f79a2; padding:1px; margin: 0 10px 10px 0; }
#content .right .video { float:left;  margin: 20px 0 20px 0; }


/* Tabulka */
#content .tabulka { float: left; width: 682px; font-family: Arial; color: #FFFFFF; margin: 0 0 20px 0; padding: 10px 8px 0 8px; background: #6aacc4 url('../images/background/tabulka.png') repeat-x; }
#content .tabulka .title { font-size: 18px; font-weight: bold; margin: 5px 0 15px 5px; }
#content .tabulka .tab { margin: 0 0 15px 0; width:100%; border-collapse: collapse; }
#content .tabulka .tab th { margin-bottom: 5px; padding: 5px 0 5px 0; font-weight: normal; font-style: italic; font-size: 14px; background: #3093b9 url('../images/background/tabulka_th.png') repeat-x; }
#content .tabulka .tab th.kod      { padding-left: 5px; text-align: left; }
#content .tabulka .tab th.termin   {  text-align: left; }
#content .tabulka .tab th.delka    {  text-align: center; }
#content .tabulka .tab th.cena     {  text-align: center; }
#content .tabulka .tab th.plavidlo {  text-align: center; }
#content .tabulka .tab th.poznamka {  text-align: center; }
#content .tabulka a { color:#fff; }

#content .tabulka .tab tr { width: 683px; }
#content .tabulka .tab tr.last td { border: 0px; }
#content .tabulka .tab tr.th { border: 0; padding: 0; }
#content .tabulka .tab td { border-bottom: 1px solid #7dbbd2; padding: 9px 0 9px 0;  }
#content .tabulka .tab .kod      { width: 320px; padding-left: 5px; text-align: left; }
#content .tabulka .tab .termin   { width: 140px; text-align: left; }
#content .tabulka .tab .delka    { width: 50px;  text-align: center; }
#content .tabulka .tab .cena     { width: 100px; text-align: center; }
#content .tabulka .tab .plavidlo { width: 80px;  text-align: center; }
#content .tabulka .tab .poznamka { padding-right: 5px; text-align: left; }

#content .tabulka .kompletni_nabidka { width: 683px; height: 17px; padding: 5px 0 0 0; text-align: center; margin: 0 0 0 0; background: url('../images/background/kompletni_nabidka.png') no-repeat center; }
#content .tabulka .kompletni_nabidka a { font-size: 12px; color: #FFFFFF; text-decoration: none; }
#content .tabulka .kompletni_nabidka a:hover { text-decoration: underline; }

/* Footer */
#footer { float: left; width: 100%; height: 248px; background: #015679 url('../images/background/footer.png') repeat-x; }
#footer a { color: #FFFFFF; text-decoration: none; }
#footer .fcontent { width: 964px; padding: 30px 0 0 0; margin: 0 auto 0 auto; color: #FFFFFF; }
#footer .fmenu { color: #97b8c5; margin: 0 0 5px 0; }
#footer .fmenu ul { padding:0; margin:0; }
#footer .fmenu li { float:left; padding:0px 5px; border-left:1px solid #97b8c5; margin:0 0 10px 0; }
#footer .fmenu li.first { padding-left:0; border:none; }
#footer .fmenu ul li ul { display:none; }
#footer .fmenu a:hover { text-decoration: underline }
#footer .fcopyright { color: #97b8c5; margin: 0 0 40px 0; }
#footer .flinks { color: #97b8c5; line-height: 130%;  }
#footer .flinks a { color: #97b8c5; text-decoration: none; }
#footer .flinks a:hover { text-decoration: underline; }


.gallery { margin:0; padding:5px; }
.gallery .imgBorder2 { text-align:center; margin:0px 0px 0px 20px; float:left; width:190px; height:165px; padding:0px; }
.gallery .imgBorder2 .gal_img { border:5px solid #ccc; margin:0; padding:0; }
.gallery .imgBorder2 .label { text-align:center; margin:0px; padding:0px; width:190px; background:#ddd; color:#000; }


#reservationForm .form_item .form_title { padding-left:10px; }
#reservationForm .form_item .form_input { width:500px; }