/***********************************************************************
                   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; text-align: left; }

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

/* ---------- layout */
#flags { display:none }
#menubar { display:none }
#menutop { display:none }
#footer{ display:none }
#msiefix { display:none }
.clearer { clear: both; height: 1px; }
h1{ display:none }
/* ---------- headlines */

#articles {	padding:10px; width:700px}
#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; }
#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; }
#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: #FF0000; 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: #FF0000; 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 0;}

#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; }