/***********************************************************************
                   Copyright (C) F-ART AGENCY, LTD., 2007
                           http://hulan.cz/
***********************************************************************/

/* ---------- basic styles and definitions */
a,p,body,ul,ol,abbr,code,pre,li,h1,h2,h3,table,td,th,dd,dt{ font-size: 12px; line-height: 17px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
a,p,body,ul,li,td,th{ color: black; font-weight: normal; }
img{ border: 0 none; padding: 0; margin: 0; }
li{ list-style-position: outside; list-style-type: disc; margin: 0; }

/* ---------- body */
body,html{ font-size: 13px; line-height: 17px; padding: 0 0 0 0; margin: 0 0 0 0; background: #717171 url(../images/pozadi.jpg) top left repeat-x; text-align: left; }

/* ---------- links */
a{ font-weight: normal; }
a:link,a:visited{ color: #F4F4F4; text-decoration: underline; }
a:hover{ color: #FF0000; }

/* ---------- layout */
#content { width: 930px; background: transparent url(../images/logo.jpg) top left no-repeat; margin: 0 auto; }

#flags { float: left; margin: 12px 0 0 0; padding-left: 25px; width: 600px; height:20px}
#flags span { float: left; color:white; font-weight:bold; padding-right:15px }
#flags .flags { float: left; width: 250px; padding:0}
#flags .flags a { padding:0; margin:0 5px 0 0; float:left; }
#flags .flags a.active img { border:2px solid white}

#menubar { width: 200px; clear: left; float: left; margin: 220px 0 0 0; padding-left: 35px;}
#menubar ul.menu { margin: 5px 0 10px 5px; padding: 0; }
#menubar ul.menu li { list-style: none; background: url(../images/menuleft.gif) 0px 8px no-repeat; padding: 4px 0 4px 20px; }
#menubar ul.menu li a:link, #menubar ul.menu li a:visited{ text-decoration: underline; font-weight: bold; }
#menubar ul.menu li a.active:link, #menubar ul.menu li a.active:visited{ text-decoration: none; color:#FF9B00}

#menutop { width: 300px; height: 43px; float: right; margin: 259px 0 0 0; }
#menutop ul { margin: 0; padding: 0; float: right; }
#menutop li { margin: 0 0 0 4px; padding: 0; list-style: none; float: left; }
#menutop li a:link, #menutop li a:visited { display: block; background: url(../images/menu.png) top left no-repeat; width: 93px; height: 28px; text-align: center; float: left; margin: 0; padding: 15px 0 0 0; text-decoration: none; font-weight: bold; color: black; }
#menutop li a:hover { background: url(../images/menuhover.png) top left no-repeat; text-decoration: underline; color: #FF0000; }
#menutop li a.active:link, #menutop li a.active:visited { background: url(../images/menuhover.png) top left no-repeat; text-decoration: underline; }

#articles { float: right; width: 690px; margin-top: 10px; min-height: 200px; color: white; }
#menubar .splitter { clear: both; background: url(../images/dividerleft.png) top left repeat-x; width: 180px; height: 5px; }

#footer{ background: url(../images/paticka.jpg) top left no-repeat; width: 915px; height: 42px; display: block; clear: both; padding: 14px 15px 0 0; margin: 10px 0 0 0; font-size: 10px; line-height: 14px; text-align: right; color: black; }
#footer a:link, #footer a:visited { font-size: 10px; line-height: 14px; color: black; }

#msiefix { clear: both; height: 10px; }
.clearer { clear: both; height: 1px; }

/* ---------- headlines */
h1 { display: block; color: #FFFFFF; font-size:16px; text-align:center; }
h2 { margin: 5px 0 10px 0; padding: 0; font-size: 13px; line-height: 18px; font-weight: bold; color: white; }
h2 a:link,h2 a:visited { color: white; }

#articles .car { background: url(../images/rezervace.png) top left no-repeat; width: 230px; float: left; }
#articles .car#single { background: none; width: 400px; float: right; }
#articles .car h3{ padding: 3px 0 5px 0; text-align: center; margin: 5px 0 0 0; height: 18px; }
/* ---  ADDED  ---- */
#articles .car .z { padding: 3px 0 5px 0; text-align: center; margin: 5px 0 0 0; height: 18px; }
#articles .car .z a:link, #articles .car h3 a:visited { font-size: 14px; line-height: 20px; font-weight: bold; color: black; }
/*----- ----*/
#articles .car h3 a:link, #articles .car h3 a:visited { font-size: 14px; line-height: 20px; font-weight: bold; color: black; }
#articles .car h3 a:hover { color: #FF0000; }

#articles .car .itembody { height: 140px; overflow: hidden; padding: 5px 12px 5px 12px; position: relative; }

/*------ ADDED ----- */
#articles .car .itembody a.book:link, #articles .car .itembody a.book:visited { position: absolute; left: 2px; top: 35px; width: 59px; height: 50px; background: url(../images/rezervace.gif) top left no-repeat; padding: 20px 0 0 0; font-size: 10px; line-height: 10px; font-weight: bold; text-align: center; color: #800000; text-decoration: uderline; letter-spacing: -0.05em;}
/*----- ----*/
/*----
#articles .car .itembody a.book:link, #articles .car .itembody a.book:visited { position: absolute; left: 2px; top: 85px; width: 59px; height: 32px; background: url(../images/rezervace.gif) top left no-repeat; padding: 27px 0 0 0; font-size: 10px; line-height: 10px; font-weight: bold; text-align: center; color: red; text-decoration: none; }
*/---
#articles .car .itembody a.book:hover { text-decoration: underline; }
#articles .car .itembody p { padding: 5px; margin: 0; }
#articles .car .itembody img { float: right; padding: 3px; background: white; border: 1px solid black; }

#articles .car .fields { clear: both; background: #8F8F8F; padding: 5px; margin: 0 8px 0 8px; }
#articles .car .fields table { padding: 0; margin: 0; width: 100%; }
#articles .car .fields table td, #articles .car .fields table tr{ padding: 0; margin: 0; font-size: 10px; line-height: 14px; color: white; }
#articles .car .fields table td.r a:link, #articles .car .fields table td.r a:visited { font-size: 10px; line-height: 14px; color: white; }
#articles .car .fields table td a:hover{ color: #FF0000; }
#articles .car .fields table td.r { text-align: right; }

#articles .car .price { border-top: 4px solid #0099DB; border-bottom: 4px solid #0099DB; border-left: 7px solid #0099DB; border-right: 7px solid #0099DB; background: #36AFE3; padding: 3px 7px 3px 7px; margin: 0 8px 10px 8px; color: black; }
#articles .car .price .euro { color: #FFFFAA; font-weight: bold; float: right; }
#articles .car .price table { padding: 0; margin: 0; width: 100%; }
#articles .car .price table td, #articles .car .price table tr{ padding: 0; margin: 0; font-size: 12px; line-height: 17px; color: white; font-weight: bold}
#articles .car .price table td a:link, #articles .car .fields table td a:visited { font-size: 12px; line-height: 17px; color: white; }
#articles .car .price table td a:hover{ color: #FF0000; }
#articles .car .price table td.r { text-align: right; color: #FFFFAA; font-weight:bold;}

#menubar h3 { border-top: 4px solid #0099DB; border-bottom: 4px solid #0099DB; border-left: 7px solid #0099DB; border-right: 7px solid #0099DB; background: #36AFE3; padding: 3px 7px 3px 7px; margin: 10px 20px 10px 0; color: black; font-size: 12px; line-height: 16px; font-weight: bold; }
#menubar .itembody { margin: 5px 25px 10px 0; text-align: left;}
#menubar .itembody * { font-size: 11px; line-height: 14px; color: white; }
#menubar .itembody ul { padding: 0 0 0 5px; margin: 5px 0 5px 0; }
#menubar .itembody ul li { list-style: none; background: url(../images/li1.png) 0 7px no-repeat; padding: 2px 0 2px 10px; margin: 0; }

#menubar form { margin: 5px 25px 5px 0; padding: 0 0 0 0; }
#menubar form input.button { background: #B6E3EF; border: 1px solid #62C3DD; color: black; font-weight: bold; font-size: 12px; padding: 1px 4px 1px 4px; margin-bottom: 10px; float: right; }
#menubar form label { color: #B5B5B5; font-weight: bold; font-size: 11px; }
#menubar form select.field { font-size: 12px; margin-bottom: 2px; }
#menubar form input.field { font-size: 12px; margin-bottom: 2px; }

#articles .divideritems { clear: both; background: url(../images/divideritems.png) 0 10px repeat-x; height: 20px; }

/* ---------- article */
#articles .item * { text-align: justify; color: white; font-size: 12px; line-height: 17px; }
#articles .item h2 { color: #58BBE0; font-weight: bold; font-size: 16px; line-height: 20px; padding: 0; margin: 5px 0 10px 0; border-bottom: 1px solid #58BBE0; clear:both}
#articles .item h2 a:link, #articles .item h2 a:visited { color: #58BBE0; font-weight: bold; font-size: 16px; line-height: 20px; text-decoration: none}
#articles .item h3 { color: #58BBE0; font-weight: bold; font-size: 15px; line-height: 20px; padding: 0; margin: 5px 0 10px 0; clear:both}
#articles .item h3 a:link, #articles .item h3 a:visited { color: #58BBE0; font-weight: bold; font-size: 15px; line-height: 20px; }
#articles .item h4 { color: #FF9C00; font-weight: bold; font-size: 14px; line-height: 18px; padding: 0; margin: 8px 0 8px 0; clear:both}
#articles .item h4 a:link, #articles .item h4 a:visited { color: #FF9C00; font-weight: bold; font-size: 14px; line-height: 18px; }
#articles .item h5 { color: #FF6000; font-weight: bold; font-size: 13px; line-height: 18px; padding: 0; margin: 8px 0 8px 0; clear:both}
#articles .item h5 a:link, #articles .item h5 a:visited{ color: #FF6000; font-weight: bold; font-size: 13px; line-height: 18px; }
#articles .item p { margin: 7px 0 7px 0; padding: 0; }
#articles .item ul { padding: 0 0 0 5px; margin: 5px 0 5px 20px; }
#articles .item ul li { list-style: none; background: url(../images/li1.png) 0 7px no-repeat; padding: 2px 0 2px 15px; margin: 0; }
#articles .item ol { padding: 0 0 0 5px; margin: 5px 0 5px 20px; }
#articles .item ol li { list-style: none; background: url(../images/li2.png) 0 7px no-repeat; padding: 2px 0 2px 15px; margin: 0; }
#articles .item blockquote { background: #8F8F8F; padding: 5px 15px 5px 15px; margin: 10px auto; width:620px}

#articles .item table.basic { margin: 10px auto; width:650px}
#articles .item table.basic th { background: #8F8F8F; font-weight: bold; text-align: center; padding: 2px 5px 2px 5px; }
#articles .item table.basic td { background: #606060; padding: 2px 5px 2px 5px; text-align: left; }
#articles .item table.basic td.s { background: transparent; padding: 2px 5px 2px 5px; text-align: left; }
#articles .item table.fifty td {	width:50% }
#articles .item table.basic td.r {	text-align:right }

#articles .item img { padding: 3px; background: white; border: 1px solid black; }
#articles .item img.leftbox { float:left;  margin:5px 10px 5px 0 }
#articles .item img.rightbox { float:right; margin: 5px 0 5px 10px }
#articles hr { color:#717171; border:0 none; border-bottom:2px solid #9F9F9F; margin:10px 0 20px 0;}

#articles .morelink{ clear: both; text-align: right; }
#articles .morelink a:link, #articles .morelink a:visited { font-weight: bold; color: white; }

/* ---------- order form */
#booking { margin: 10px; padding: 0; text-align: right; color: white; }
#booking h2 { text-align: left; }
#booking table.booking { width: 650px; margin: 10px auto; padding: 0; border: 0 none; }
#booking table.booking td.left { color: white; font-weight: bold; background: #8F8F8F; padding: 3px 10px 3px 10px; margin: 0; text-align: left; }
#booking table.booking td.right { color: white; padding: 3px 10px 3px 10px; margin: 0; }
#booking div.calendars { float: right; }
#booking input.button { background: #B6E3EF; border: 1px solid #62C3DD; color: black; font-weight: bold; font-size: 12px; padding: 2px 4px 2px 4px; }
#booking input, #articles #booking input, #articles #booking textarea { color: black; }
#booking input.field:focus { background: #FFFFE0; }

/* ---------- helpers */
.hide {display: none}
#articles .item table.basic td.center, .center { text-align: center; }

/* ---------- mapa */
#articles #mapa{ width: 600px; height: 400px; border: 1px solid black; margin:10px auto; background: url(../mapa/mapa.jpg) top left no-repeat;}
#articles #mapa *{ color: #000000; font-size: 11px; text-align: left;}