/***********************************************************************
 CHROMSERVIS.cz
 Webdesign (C) http://hulan.cz/ - Radek HULAN, 2008
 You CANNOT use this stylesheet, or part of it, without permission!!  
***********************************************************************/

/* ********** basic definitions ********** */
html { padding: 0; margin: 0; }
body { background: white; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: small; line-height: 140%; color: black; }

/* ********** anchors ********** */
a:link, a:visited { text-decoration: underline; color: #77B800; border: 1px none; padding: 0 2px 0 2px; }
a:hover{ background: #77B800; color: white; text-decoration: none; }

/* ********** web layout ********** */
#content {width:980px;margin:0 auto;}
#top { display:none }
#flags{ display:none }
#sitemap { display:none }
#search { display:none}
h1 { display: block; font-size: large;  }
#footer { display:none }
#menu { display:none }

/* ********** items ********** */
#items { padding: 0; background: transparent; }
#items h2 { clear:both; color: #77B800; font-size: 145%; line-height:140%; font-weight: bold; margin: 15px 0 15px 0; padding: 2px 0 2px 0; }
#items h2 a:link, #items h2 a:visited {color: #77B800; line-height:140%; }
#items h3 { clear:both; color: #002E5F; font-size: 135%; font-weight: bold; margin: 20px 0 15px 0; padding: 2px 0 2px 0; }
#items h3 a:link, #items h3 a:visited {color: #002E5F;}
#items h4 { clear:both; color: #0099FF; font-size: 125%; font-weight: bold; margin: 15px 0 10px 0; padding: 2px 0 2px 0; }
#items h4 a:link, #items h4 a:visited {color: #0099FF;}
#items h5 { clear:both; color: #002E5F; font-size: 115%; font-weight: bold; margin: 10px 0 10px 0; padding: 2px 0 2px 0; }
#items h5 a:link, #items h5 a:visited {color: #002E5F;}
#items h2 a:hover,#items h3 a:hover,#items h4 a:hover,#items h5 a:hover {color: white;}
#items h2.first {margin-top:0px}
#items h6 { clear:both; color: black; font-size: 105%; font-weight: bold; margin: 10px 0 10px 0; padding: 2px 0 2px 0; }

#items .itembody p, #items .itembody div, #items .itembody ul, #items .itembody ol, #items .itembody li{ margin: 4px 0 6px 0; padding: 0; font-weight: normal; color: #002E5F; text-align: justify; }
#items .itembody ul{ margin: 6px 0 6px 20px; padding: 0; }
#items .itembody ul li { background-image: url(../images/li.png); background-repeat: no-repeat; background-position: 5px 9px; list-style: none; margin: 0; padding: 2px 0 2px 20px; }
#items .itembody ol{ margin: 6px 0 6px 42px; }
#items .itembody ol li{ list-style: decimal; }

#items blockquote { width: 680px; background: #E8ECF1; padding: 5px 10px 5px 10px; margin: 10px auto 10px auto; border:1px ridge #E8ECF1; }

#items table{ margin: 10px 0 10px 0; background: white; border-left:1px solid black; border-top:1px solid black;}
#items table th { text-align: center; padding: 3px 4px; margin:0; background: #77B800; font-weight: bold; color: white; }
#items table td { text-align: left; padding: 2px 4px; margin:0; background: white; border-right:1px solid black; border-bottom:1px solid black;}
#items table.none{ border: 0 none; }
#items table.none th, #items table.none td{ border: 0 none; }
#items hr{ clear:both; border: 0 none; border-bottom: 1px dotted #7F7F7F; background: white; color: white; margin:10px }

table#homepage { margin: 10px auto; padding: 0; border: 0 none; vertical-align: top; border:0 none}
table#homepage td{ padding: 0; border: 0 none; vertical-align: top; width: 227px; border:0 none}
#items .tboxtop { background: url(../images/tboxtop.jpg) top left no-repeat; width: 219px; float: left; }
#items .tboxtop p.image { text-align: center; margin: 10px 0 10px 0; padding-bottom: 20px; }
#items .tboxtop h2 { color: #002C5F; text-align: center; margin: 20px 0 20px 0; padding: 0 10px 0 10px; line-height: 110%; height:35px}
#items .tboxbottom { background: url(../images/tboxbottom.jpg) bottom left no-repeat; height: 290px; }
#items .tboxtop p { padding: 0 5px 0 5px; }

#items span.date { float: right; font-size: small; font-weight: normal; }

#items .morelink { clear: both; margin: 5px 10px 10px 0; text-align: right; }
#items .morelink a:link, #items .morelink a:visited{ font-weight: bold; color: #FF3D00; }
#items .morelink a:hover{ color: white; }

/* ********** homepage sidebar ********** */
#rsidebar { display:none }

/* ********** images ********** */
#items .itembody .leftbox { float: left; margin: 5px 15px 5px 0px; padding: 0; border: 2px solid #ACACAC; line-height: 1px; }
#items .itembody .rightbox { float: right; margin: 5px 0px 5px 15px; padding: 0; border: 2px solid #ACACAC; line-height: 1px; }
#items .itembody .box { clear:both; margin: 12px auto 7px auto; text-align: center; font-style: italic; }
#items .itembody .box img{ border: 2px solid #ACACAC; padding: 0; margin: 0 auto; display: block; line-height: 1px; }
#items .itembody img.box{ border: 2px solid #ACACAC; padding: 0; margin: 10px 0 10px 0; }
#items .itembody .box object{ border: 0 none; padding: 0; margin: 0 auto; display: block; line-height: 1px; }
#items img, #items .itembody .leftbox img, #items .itembody .rightbox img{ border: 0 none; padding: 0; margin: 0; }

/* ********** other definitions in article ********** */
q { background: white; border-bottom: 1px solid #666666; margin: 0 5px 0 5px; }
cite { background: white; border-bottom: 1px solid #666666; font-style: italic; }
abbr { padding: 0px; border-bottom: 1px dotted #666666; }
kbd { font-family: Consolas, "Lucida Console", "Courier New", Courier, monospace; font-size:100%; color: #555555; }
del { text-decoration: line-through; }
ins { text-decoration: overline; font-style: italic; }

/* ********** forms ********** */
#items fieldset{ padding: 5px 15px 5px 8px; margin: 10px 10px 5px 10px; text-align: right; background: #d8e8fb; border:1px inset #d8e8fb}
#items .itembody fieldset { text-align: left; }
#items legend{ font-weight: bold; margin-bottom: 5px; color: black; padding: 2px 10px 2px 10px; background: #b1ccf8; }
#items textarea { width: 95%; overflow: auto; clear: both; }
#items form { margin: 10px 0 10px 0; padding: 0; }

/* ********** mini-styles ********** */
.b{ font-weight: bolder; }
.i{ font-style: italic; }
.z{ font-style: normal; font-variant: small-caps; }
.u{ text-decoration: underline; }
.c,.r{ color: red; }
.m,.l{ color: blue; }
.skip{ display: none; }
.itembody p.center, .center { text-align: center; }
small { font-size: 11px; }
.highlight { background: #f0e68c; padding: 1px; color:black}

/* ********** helpers ********** */
.splitter1  {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:1px}
.splitter10 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:10px}
.splitter15 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:15px }
.splitter20 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:20px }
.splitter30 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:30px }

/* ********** print ********** */
.printbox {	clear:both;	margin:20px 0px 0 570px; padding:5px 0 0 0; text-align: right; border-top:1px dotted #bfbfbf; font-style: italic;}
.printbox a:link, .printbox a:visited {text-decoration: none;}

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

/* ---------- order form */
#booking { margin: 10px; padding: 0; text-align: right; color: black; }
#booking h2 { text-align: left; }
#booking table.booking { margin: 10px auto; padding: 0; border: 0 none; }
#booking table.booking td.left { background: #77B800; color: white; font-weight: bold; padding: 3px 10px 3px 10px; margin: 0; text-align: left; }
#booking table.booking td.right { width:400px; color: white; padding: 3px 10px 3px 10px; margin: 0; }
#booking input.button { background: #FF3D00; border: 1px solid #802000; color: white; font-weight: bold; font-size: 12px; padding: 2px 4px 2px 4px; }
#booking input.field:focus { background: #FFFFE0; }