/* Dirp content styles, (c) 2007 PeckaDesign, www.peckadesign.cz */

/* Basic */
body { font: 75% Arial, sans-serif; background: white; padding: 15px; margin: 0; }
.out {position: absolute; top: -2000px; left: -2000px;}
ul, li, div, h1, h2, h3, a, p, form, fieldset{ margin: 0px; padding: 0px; }

.no-border { border: 0px !important; }
.no-marg { margin-bottom: 0px !important; }


/* ******************** TITLES *********************** */

h1, h2, h3, h4, h5, h6, caption { margin-top: 0; margin-bottom: 0.5em; }

h1 { font-weight: normal; font-size: 200%; margin-bottom: 8px; color: #045830; border-bottom: 2px solid #CCCCCC; padding-bottom: 10px; }
/* h1 span { display: block; color: #555555; font-size: 55%; margin: 3px 0 0 2px; } */
#home-note h1 { font-weight: normal; font-size: 183.3%; margin-bottom: 8px; color: white; border-bottom: 0; padding-bottom: 0; }

h2 { font-weight: normal; color: #045830; margin: 1em 0 0.6em 0; font-size: 150%; }
h2.cat { /* text-transform: uppercase;  font-size: 116%;*/ /* font-weight: bold;*/ margin-top: 0.3em; margin-bottom: 10px; }

h2.underline { border-bottom: 1px solid #cccccc; padding-bottom: 7px; }
h2.no-border { margin: 20px 0 0px 0 !important; }
.tip h2 { color: white; margin: 0 10px 0px 67px; }
.home-col-right h2 { font-size: 133%;  }

h3, caption { font-weight: normal; font-size: 133%; margin-bottom: 7px; color: #045830; }
caption { margin-bottom: 0; padding-bottom: 4px; text-align: left; }
.tip h3 { color: white; margin: -1px 10px 0 67px; font-size: 100%; }

h4, h5, h6 { font-size: 109%;  }

ul, ol, dl, p { line-height: 1.333; }
ul { margin: 0.5em 0 1em 3px; padding: 0; list-style: none; }
ul li { margin: 0.2em 0 0.2em 0; padding: 0 0 0 20px; background: url("/img/kos-dot.png") no-repeat 0em 0.4em; }

ul ul { font-size: 100%; }

/* ******************** A *************************** */

a { color: #E65C00; }
a:hover { color: #BE3B01; }

.box h2 a { color: #E75F00; }

a.print { background: url(/img/print.png) 0 0 no-repeat; padding-left: 16px; color: #E65C00; float: right; font-size: 100%; }
a.ext { background: url(/img/a-ext.png) 100% 0 no-repeat; padding-right: 10px; }

/* ******************** IMAGES *********************** */

.box img.l { border: 6px solid #EFEFEF; margin-left: -180px; }

/* ******************** PARAGRAPH ******************** */

p { line-height: 155%; margin-bottom: 15px; }
#home-note p { margin-bottom: 17px; }
p.note { color: #045830; font-size: 109%; line-height: 140%; margin: 0px 0 30px !important; }
.box p { margin: 10px 35px 0px 180px !important; font-size: 100%; }
.box.no-image p { margin-left: 0 !important; }
.col-right .content p { font-size: 100%; margin-bottom: 15px; }
.col-right .content .box p.r { margin-left: 0 !important; }
.img-box p { font-size: 92% !important; margin: 5px 0 7px 4px !important; }
form p { margin-top: 10px; }
div.desc p { margin: 0px !important }

/* ******************* FORM ************************ */
.form-left { float: left; width: 274px; margin-right: 52px; }
.form-right { float: left; width: 274px; }

form { border: 6px solid #EFEFEF; display: block; background: #DADADA; padding: 22px; }

.col-right .content form p { margin: 0 0 4px 0; }

fieldset { border: 0px; }
input { padding: 2px; font-family: Tahoma, Arial, Helvetica, sans-serif;}

label { font-size: 100%; margin-bottom: 1px; display: block; }

input { margin-bottom: 5px; width: 98%; border: 1px solid #FDF9EA; border-left-color: #ACA899; border-top-color: #ACA899; }

textarea { display: block; width: 597px; border: 1px solid #FDF9EA; border-left-color: #ACA899; border-top-color: #ACA899; padding: 5px; margin-bottom: 5px; }
textarea, label, input { color: #333333; }

input.btn-submit, input.submit { padding: 7px 15px 7px 15px; width: auto !important; border: 1px solid #F2A26E; background: #E95E03; color: white; border-right-color: #943C02; border-bottom-color: #622701; float: right; margin-right: 4px; display: inline; }


table { width: 100%; border: 6px solid #EFEFEF; border-collapse: collapse; margin: 0 0 15px 0; clear: both;}
table th, table thead tr:first-child th:first-child { background: #DADADA; padding: 8px 6px; font-weight: bold; font-size: 100%; color: #333333; }
table td { border: 1px solid #E5E5E5; padding: 6px; width: auto; /* vertical-align: top; */ }
table th { border: 1px solid #E5E5E5;  }
tr:hover, tr:hover td { background: #fafafa; }
table.autowidth { width: auto; }

table tr th:first-child { background: #FAFAFA; }

table th { text-align: left; }
table th[align=right] { text-align: right; }
table th[align=center] { text-align: center; }

/* Half columns */
.col-h-l, .col-h-r { width: 48%; }
.col-h-l { float: left; display: inline; }
.col-h-r { float: right; display: inline; }

.break { height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; }

/* ******************** HELP RULES ********************* */
.r { float: right; }
.l { float: left; }
.c-b { clear: both; display: block; height: 1px; font-size: 1px; line-height: 1px; margin-bottom: -1px; }
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.hidden { display: none; }

.center { text-align: center; }
.left { text-align: left !important; }
.right { text-align: right; }

/* Images */
img { border: 5px solid #C6CDD3; padding: 1px; background: white; }
img.no-border {border: 0;}
img.left, img.right {margin: 0 15px 15px 15px;}
img.left {margin-left: 0; float: left; clear: left;}
img.right {margin-right: 0; float: right; clear: right;}
img.plain {margin: 0; padding: 0; border: 0; display: inline;}

