@charset "utf-8";

/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }
fieldset { border: 0px; }

body {
  font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 170%;
	background: none; 
}

address { font-style: normal; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide { display: none; }
.green { color: #006600; }
.red { color: #CC0000; }
.white { color: #FFFFFF; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }

img { border: none; }
a img { border: none; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

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

.no-text-transform { text-transform: none !important; }
.no-decoration { text-decoration: none !important; }

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

/*****************/
/* BASIC TAG DEF */
/*****************/
body { background: #DAE4E9 url(../images/body-bg.png) repeat-x left top; font-family: Arial, Helvetica, sans-serif; color: #0042A5; font-size: 13px;  }

h1 { font-size: 22px; font-weight: normal; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color: #3C718C; height: 40px; line-height: 40px; text-transform: uppercase; background: url(../images/h1-bg.gif) repeat-y left top; padding-left: 11px; padding-right: 15px; margin-bottom: 22px; }
h1.overlap span { width: 470px; height: 40px; }
h2 { font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color: #3C718C; text-transform: uppercase; }
p { padding-bottom: 1em; padding-left: 4px; }
ul { margin-left: 2em; padding-bottom: 1em; }
a { color: #3C718C; font-weight: normal; text-decoration: underline; }
sup { line-height: 50%; }


/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
html>body, html>#page-bg { min-height: 100%; overflow: visible; }
body { text-align: center; height: 100%; }
html { height: 100%; }
#page-bg { background: url(../images/page-bg.jpg) no-repeat center top; height: 100%; }

#page-wrapper { width: 776px; margin: 0 auto; padding: 27px 59px 0px 65px; text-align: left; position: relative; }

#page-corner { background: url(../images/page-corner-bg.png) no-repeat right bottom; padding: 1px 6px 121px 0px; width: 770px; }

#page-body { background-color: #FFFFFF; }
#page-body-bg { background: #F7F5EE url(../images/page-content-bg.png) repeat-x left top; margin-top: 1px; position: relative; top: 53px; margin-left: 15px; margin-right: 15px; }

#page-content { min-height: 500px; padding-top: 30px; padding-left: 10px; }

#main-content { float: left; width: 485px; padding-top: 30px; }
#right-column { float: left; width: 245px; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 75px; background: url(../images/header-bg.png) no-repeat left top; position: absolute; top: -55px; left: -15px; width: 770px; }
#logo { width: 275px; height: 115px; position: absolute; top: -27px; left: 468px; z-index: 10; padding: 0px; }
#header-title {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #855c35;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	padding-bottom: 0px;
	position: absolute;
	top: 32px;
	left: 30px;
	width: 349px;
}
#header-title span { background-image: url(../images/header-title.gif); width: 294px; height: 35px;}

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { height: 55px; font-size: 11px; color: #0b2b2b2; position: absolute; bottom: 0px; left: 90px; width: 740px;  }
#footer * { color: #b2b2b2; padding: 0px; }
#giant { position: absolute; top: 0px; right: 30px; }
#giant a { text-decoration: none; cursor: default; }
#giant img { vertical-align: middle; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { width: 65px; height: 422px; position: absolute; top: 27px; left: 0px; margin: 0px; }
#menu li { list-style: none; }
#menu li a { width: 65px; background-color: #B48755; display: block; text-align: center; color: #6C4C2A; font-weight: bold; }
#menu li a span { width: 65px; }
#menu li a:hover span { background-position: -65px 0px; }

#menu #menu-circuits { padding-top: 124px; background: url(../images/menu-bg-top.png) no-repeat left top; }
#menu #menu-circuits a { height: 103px; line-height: 103px; }
#menu #menu-circuits a span { height: 103px; background-image: url(../images/menu-circuits.png); }
#menu #menu-tarifs a { height: 79px; line-height: 79px; }
#menu #menu-tarifs a span { height: 79px; background-image: url(../images/menu-tarifs.png); }
#menu #menu-contact { padding-bottom: 13px; background: url(../images/menu-bg-bottom.jpg) no-repeat left bottom; }
#menu #menu-contact a { height: 103px; line-height: 103px; }
#menu #menu-contact a span { height: 103px; background-image: url(../images/menu-contact.png); }

#section-circuits #menu-circuits span { background-position: -65px 0px; }
#section-tarifs #menu-tarifs span { background-position: -65px 0px; }
#section-contact #menu-contact span { background-position: -65px 0px; }

/*******************************************************************/
/*                                             DROBECKOVA NAVIGACE */
/*******************************************************************/
#nav { font-size: 13px; color: #7f7f7f; background: url(../images/nav-bg.png) no-repeat left top; line-height: 38px; padding-bottom: 0px; margin: 0px; position: absolute; top: 20px; left: 10px; width: 100%; }
#nav a { color: #7f7f7f; }

/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column {}

#right-column .block { width: 220px; border: 1px solid #FFFFFF; background: #E2D9C5 url(../images/right-block-bg.gif) repeat-x left top; margin-left: 14px; margin-bottom: 16px; font-size: 14px; line-height: 150%; }
#right-column .block h2 { font-size: 17px; background: url(../images/right-block-title-bg.gif) no-repeat left bottom; margin-left: 10px; padding-top: 12px; height: 26px; line-height: 20px; margin-bottom: 10px; }
#right-column .block h2 span { width: 200px; height: 24px; top: 12px; }
#right-column .block .block-shadow { position: relative; height: 10px; bottom: -11px; right: -1px; background: url(../images/right-block-shadow.gif) no-repeat right bottom;}
#right-column .block .block-content { padding: 0px 10px 0px 10px; }
#right-column .block p { padding-top: 7px; padding-bottom: 0px; }
#right-column .block ul { font-size:14px;font-weight: bold; }

#flash { height: 288px; position: relative; overflow: visible; }
#flash-wrapper { position: absolute; top: -11px; left: -23px; width: 320px; height: 340px; }
#no-flash { margin: 11px 0px 0px 28px; width: 210px; height: 288px; overflow: hidden; }

/**********************/
/* RIGHT BLOCK TITLES */
/**********************/
#rbt-01 span { background-image: url(../images/rbt-01.gif); }
#rbt-02 span { background-image: url(../images/rbt-02.gif); }
#rbt-03 span { background-image: url(../images/rbt-03.gif); }
/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/

/***************/
/* PAGE TITLES */
/***************/
#pt-08 span { background-image: url(../images/pt-08.gif); }


#main-content .block { background: url(../images/hp-block-bg.gif) repeat-y left top; font-size: 11px; line-height: 145%; width: 155px; float: left; height: 204px; margin-right: 9px; margin-bottom: 13px; position: relative; }
#main-content .block.end { margin-right: 0px; }
#main-content .block h3 {	font-size: 9px;	color: #A2A2A2;	line-height: 15px;	width: 146px;	height: 55px;	padding: 8px 0px 0px 9px;	background: url(../images/hp-block-top-bg.gif) repeat-y left top;	font-weight:normal;}
#main-content .block h3 strong { margin-top: 3px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #3C718C; line-height: 120%; text-transform: uppercase; height: 37px; }
#main-content .block h3 strong span { width: 146px; height: 37px; }
#main-content .block p { padding: 0px 4px 0px 9px;}
#main-content .block p.more { color: #3C718C; text-align: right; position: absolute; bottom: 5px; right: 0px; }

/* BLOCK TITLES */
#bt-01 span { background-image: url(../images/bt-01.gif); }
#bt-02 span { background-image: url(../images/bt-02.gif); }
#bt-03 span { background-image: url(../images/bt-03.gif); }
#bt-04 span { background-image: url(../images/bt-04.gif); }
#bt-05 span { background-image: url(../images/bt-05.gif); }

.book {}
.book a { display: block; width: 243px; height: 40px; background-color: #B28452; color: #FFFFFF; text-decoration: none; font-size: 24px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; text-align: center; line-height: 40px; overflow: hidden; }
.book a span { background-image: url(../images/button-book.png); width: 243px; height: 40px; }


/* IMAGE BLOCK */
.img-block { width: 178px; border: 1px solid #DCD9D2; font-size: 10px; line-height: 150%; text-align: center; padding-top: 4px; }
.img-block p { padding: 0px 6px 4px 6px; text-align: left; }
.img-block.left { margin-right: 8px; float: left; }
.img-block.right { margin-left: 8px;  float: right; }


/* LINK LINST */
.link-list { margin-left: 0px; padding-top: 0.8em; }
.link-list li { list-style: none; color: #3C718C; font-size: 11px; line-height: 150%; }