@charset "utf-8";
/* CSS Document - Guide de Prague */


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, ul, ol, li, dl, dt, dd, form, fieldset, blockquote, address, h1, h2, h3, h4, h5, h6, img, span  { padding: 0px; margin: 0px; outline: none; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
body { font: 12px/1.3 Arial, Helvetica, sans-serif; color: #444; background: #072e3d url(/img/body-bg.png) 0 0 repeat-x; }

/* BASIC CLASSES */
.clear { clear: both; height: 0; overflow: hidden;}
.clear-right { clear: right; }
.clear-left { clear: left; }
.hide { display: none; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }
sup, sub { line-height: 0; }
.block { display: block !important; }

.orange { color: #f15b23; }
.red { color: #c00; }
.green { color: #008100; }

img.left { float: left; margin: 5px 10px 5px 0; }
img.right { float: right; margin: 5px 0 5px 10px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #ccc; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/********/
/* FORM */
/********/
form {}
input, select, option, textarea, button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.input,
.textarea { border: 1px solid #666; }
fieldset { border: none; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
h1 { font: normal 24px Georgia, "Times New Roman", Times, serif; margin: 5px 0 15px; color: #060302; }
/*h2 { font: normal 20px Georgia, "Times New Roman", Times, serif; margin: 15px 0 10px; color: #060302; }*/
h2 { font: normal 20px Georgia, "Times New Roman", Times, serif; margin: 15px 0 10px; color: #060302; letter-spacing:1px }
/*h2 span.odsazene  { margin-left: 15px; }*/
h3 { font-size: 14px; margin: 10px 0; }
p { margin: 0.3em 0 0.7em; }
img { border: none; }
a img { border: none; }
a { color: #444; text-decoration: underline; }
a:hover { text-decoration: none; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
#page-wrapper { width: 954px; margin: 0 auto; position: relative; }
#column-wrapper { height: 100%; overflow: auto; background: #fff url(/img/column-wrapper-bg-repeat.png) 0 0 repeat-y; }
#column-wrapper .bg-top { background: url(/img/column-wrapper-bg-top.jpg) 0 0 no-repeat; min-height: 400px; padding: 1px 2px 0 38px; height: 100%; }
#content { float: left; width: 640px; min-height: 350px; padding: 20px 0; }
#right { float: right; width: 240px; padding: 0 0 20px 0; }

/*******************************************************************/
/*                                                       SLIDESHOW */
/*******************************************************************/
#slideshow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; width: 100%; height: 750px; background: url(/img/slideshow-white-bg.png) center bottom repeat-y; }
#slideshow .image { background: url(/img/bg-image-0.jpg) center top no-repeat; position: absolute; top: 0; left: 0; right: 0; height: 400px; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 245px; }
#logo { position: absolute; top: 130px; right: 390px; height: 52px; width: 641px; margin: 0; }
#logo a { width: 640px; height: 51px; }

/* LANGUAGES */
#lang { position: absolute; top: 0; right: 30px; list-style: none; }
#lang li { float: left; display: block; width: 100px; height: 30px; line-height: 28px; margin-left: 5px; background: url(/img/lang-bg.png) 0 0 no-repeat; text-align: center; }
#lang li a { background-position: 0 2px; background-repeat: no-repeat; padding-left: 22px; font-weight: bold; }
#lang li a.fr { background-image: url(/img/flag-fr.png); }
#lang li a.es { background-image: url(/img/flag-es.png); }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { position: absolute; top: 181px; left: 22px; width: 493px; height: 28px; }
#menu ul { list-style: none; height: 28px; }
#menu li { float: left; position: relative; }
#menu li a { display: block; float: left; height: 28px; text-decoration: none; }
#menu li a:hover { text-decoration: underline; }
#menu li a span { background-image: url(/img/menu-bg.png); background-repeat: no-repeat; }
#menu .m1 a { width: 77px; }
#menu .m2 a { width: 96px; }
#menu .m3 a { width: 106px; }
#menu .m4 a { width: 67px; }
#menu .m5 a { width: 63px; }
#menu .m6 a { width: 84px; }
#menu .m1 span { width: 77px; background-position: 0 0; }
#menu .m2 span { width: 96px; background-position: -77px 0; }
#menu .m3 span { width: 106px; background-position: -173px 0; }
#menu .m4 span { width: 67px; background-position: -279px 0; }
#menu .m5 span { width: 63px; background-position: -346px 0; }
#menu .m6 span { width: 84px; background-position: -409px 0; }

/* SUBMENU */
#menu .m2:hover ul { display: block; }
#menu ul ul { display: none; position: absolute; top: 28px; left: 0; height: auto; padding-top: 1px; }
#menu ul ul li { float: none; }
#menu ul ul li a { float: none; color: #000; font-weight: bold; padding: 5px 10px; background: url(/img/submenu-bg.png) left bottom no-repeat; width: 196px !important; height: auto; border-bottom: 1px solid transparent; }

/* FIGURE */
#figure { position: absolute; top: -115px; right: -350px; width: 323px; height: 250px; }
#figure div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#figure .image-1 { display: none; background: url(/img/troskova-1.png) 0 0 no-repeat; }
#figure .image-2 { display: block; background: url(/img/troskova-2.png) 0 0 no-repeat; }
/*
#menu:hover #figure .image-1 { display: block; }
#menu:hover #figure .image-2 { display: none; }
#menu:hover #figure:hover .image-1 { display: none; }
#menu:hover #figure:hover .image-2 { display: block; }
*/
#page-hp #figure,
#page-visites #figure { height: 315px; }

/*******************************************************************/
/*                                                     BREADCRUMBS */
/*******************************************************************/
#breadcrumbs { position: absolute; top: 215px; left: 0; height: 30px; margin: 0; padding: 0 10px 0 35px; color: #000; background: url(/img/breadcrumbs-bg.png) 0 0 no-repeat; line-height: 30px; }
#breadcrumbs a { color: #444; }
#breadcrumbs span { margin: 0 2px 0 0; color: #444; font-family: "Courier New", Courier, monospace; font-size: 16px; }
#breadcrumbs .home { background: url(/img/breadcrumbs-home.png) 0 2px no-repeat; padding-left: 16px; }

/*******************************************************************/
/*                                                     PEREX BLOCK */
/*******************************************************************/
#perex { padding: 15px 400px 0 35px; font-size: 14px; overflow: hidden; background: url(/img/perex-gradient.png) 0 0 no-repeat; }
#page-visites #perex { height: 130px; padding-top: 0; background: none; }
#perex h1,
#perex h2 { margin: 0; padding: 11px 0 10px; }
#perex img.left { margin-right: 15px; }

/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#content p,
#content li { line-height: 1.5; }
#content h2 { color: #5b5959; padding-left: 20px; }
#content #circuits h2 { color: #5b5959; padding-left: 0px; }
#content .img.left { float: left; margin: 5px 15px 10px 0; }
#content .img.right { float: right; margin: 5px 0 10px 15px; text-align: right; }
#content .img { font-style: italic; overflow: hidden; padding: 5px; background-position: 0 0; background-repeat: no-repeat; letter-spacing:1px;}
#content .img img { border: 5px solid #fff; margin-bottom: 2px; }
#content .img.shadow-big-h { background-image: url(/img/img-shadow-big-horizontal.png); width: 290px; }
#content .img.shadow-small-h { background-image: url(/img/img-shadow-small-horizontal.png); width: 230px; }
#content .img.shadow-big-v { background-image: url(/img/img-shadow-big-vertical.png); width: 220px; }
#content .img.shadow-small-v { background-image: url(/img/img-shadow-small-vertical.png); width: 175px; }

#content ul { list-style: none; margin: 0.5em 5px 1em; }
#content ul li { background: url(/img/arrow-blue.png) 0 7px no-repeat; padding: 0 0 4px 10px; }
#content ul ul { margin: 0.5em 0; }
#content ol { margin: 0.5em 20px 1em; }
#content ol li { padding: 0 0 4px 0; }

.reservation { clear: both; text-align: center; width: 190px; margin: 0 auto 5px; padding-top: 25px; }
.reservation a { display: inline-block; width: 180px; height: 33px; padding: 5px 0 0 10px; background: #ff9711 url(/img/button-reservation.png) 0 0 no-repeat; color: #fff; font-size: 18px; }

/* TABLE */
.table { border-collapse: collapse; margin: 10px 0 15px; }
.table.wide { width: 640px; }
.table.wide-400 { width: 400px; }
.table th,
.table td { border-collapse: collapse; padding: 4px 10px; vertical-align: top; }
.table th { background-color: #777; color: #fff; text-align: left; }
.table .even td { background-color: #e5e5e5; }

/* CIRCUITS */
#content #circuits { list-style: none; margin: 25px 0; }
#content #circuits li { float: left; width: 200px; height: 225px; padding: 0 20px 0 0; background: none; }
#circuits li h2 { font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #016abb; margin: 0 0 5px; }
#circuits li h2 a { color: #016abb; text-decoration: none; }
#circuits li h2 a span.underline { color: #016abb; text-decoration: none; }
#circuits li h2 a span.odsazene { padding-left: 13px; }
#circuits li h2 a:hover span.underline { text-decoration: underline; }
#circuits li h2.line-1 { padding-top: 20px; }
#circuits li img { display: block; margin-bottom: 4px; }
#circuits li p { display: inline; }
#circuits li .dest { display: block; margin: 3px 0; }
#circuits li .more { display: block; float: right; line-height: 1; padding: 0; margin: 4px 0 0; }
#circuits li .more a { display: inline-block; width: 33px; height: 18px; padding: 5px 0 0 16px; color: #fff; background: #ff9711 url(/img/button-more.png) 0 0 no-repeat; }
#content #circuits li.last { padding-right: 0; }

/* FORM CONTACT */
#form-contact { padding: 30px 0 0 0; }
#form-contact p { margin: 0 0 6px; }
#form-contact .col-1,
#form-contact .col-2 { float: left; width: 220px; }
#form-contact .col-1 { }
#form-contact .more a { color: #1b75bb; padding-left: 8px; background: url(/img/arrow-blue.png) 0 6px no-repeat; }
#form-contact label { display: block; }
#form-contact .input { width: 180px; }
#form-contact .input,
#form-contact textarea { padding: 2px; }
#form-contact textarea { width: 400px; height: 70px; }
#form-contact .center { width: 400px; }
#form-contact .toggler { padding-bottom: 5px; }
/*
#form-contact .error-field { padding-bottom: 15px; }
#form-contact .error-field.error { padding-bottom: 0; }
*/
.error-mark { line-height: 15px; font-size: 11px; color: #b00; margin-left: 5px; }
p.error .input { border-color: #b00; }
#form-contact .toggled { overflow: auto; }
#contact-form-sent .indent { padding: 30px 20px 0; }

/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/

/* RIGHT MENU */
#right-menu h2 { color: #fff; font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(/img/right-menu-heading-bg.png) left bottom no-repeat; margin: 0; padding: 4px 12px 12px 8px; line-height: 1.2; }
#right-menu { width: 205px; margin: 0 0 30px 8px; padding-top: 25px; }
#right-menu ul { list-style: none; margin: 5px 0; }
#right-menu li { font-size: 12px; font-weight: bold; padding: 5px 0 5px 10px; }
#right-menu li a { display: block; color: #000; }
#right-menu .active { font-weight: normal; }

/* right submenu */
#right-menu ul ul { margin: 5px 0 0; }
#right-menu ul ul li { font-size: 11px; font-weight: normal; padding: 2px 0 5px 12px; background: url(/img/arrow-blue.png) 2px 7px no-repeat; }

/* BLOCK CONTACT */
#block-contact { line-height: 1.4; width: 190px; margin: 0 0 20px 18px; position: relative; }
#block-contact h2 { font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(/img/block-contact-heading-bg.png) left bottom no-repeat; margin: 0 0 15px; padding: 0 0 4px; }
#block-contact a { color: #f37800; }
#block-contact p { position: relative; z-index: 2; }
#block-contact .email,
#block-contact .phone { height: 17px; padding: 4px 5px; background: url(/img/block-contact-bg-white-transparent.png) 0 0 repeat; float: left; clear: left; white-space: nowrap; }
#block-contact .email { margin: 0.3em 0 1px; }
#block-contact .phone { margin: 0; }
#block-contact .more { clear: left; text-align: right; margin: 0; padding: 10px 0 0; line-height: 1; width: 100%; }
#block-contact .more a { display: inline-block; width: 96px; height: 23px; padding: 0 0 0 18px; line-height: 23px; color: #fff; background: url(/img/block-contact-button.png) 0 0 no-repeat; text-align: left; }
#block-contact .foto { width: 159px; height: 156px; position: absolute; top: -10px; right: 0; z-index: 1; background: url(/img/block-contact-troskova.png) right bottom no-repeat; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { height: 15px; padding: 20px 20px; margin-bottom: 25px; font-size: 11px; color: #7b7c7c; background: #fff url(/img/column-wrapper-bg-bottom.png) 0 0 no-repeat; clear: both; }
#footer a { color: #7b7b7b; }
#footer p { margin: 0; }
#copy { float: left; }
#copy span { margin: 0 5px; }
#giant { float: right; }
#giant img { vertical-align: middle; }

/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/

#page-hp #header { height: 215px; }
#page-hp #perex { /*height: 160px;*/ padding-top: 0; font-size: 12px; line-height: 1.4; background: none; padding-right: 0; }
#page-hp #perex h1 { padding: 10px 400px 10px 0; }
#page-hp #perex p { padding-right: 430px; }
#page-hp #perex .more { text-align: right; margin: -4px 0 7px; }
#page-hp #perex .more a { color: #1b75bb; padding-left: 8px; background: url(/img/arrow-blue.png) 0 6px no-repeat; }
#page-hp #perex .toggled { padding-bottom: 15px; overflow: hidden; }
#page-hp #perex .contact { padding-right: 120px; float: right; margin: -120px 0 0 0; }
#page-hp #perex .contact a { display: inline-block; width: 111px; height: 25px; padding: 5px 0 0 25px; background: #ff9711 url(/img/button-contact.png) 0 0 no-repeat; color: #fff; font-size: 14px; }

#page-hp #circuits li .more a { height: 19px; padding: 4px 0 0 16px; }