body
{background: url(img/page-bg.jpg) no-repeat top center #F0F5FB;font-family:Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;font-size:0.7em;color:#222;line-height:150%;margin:0;padding:0;}

TABLE,TD,TH,SELECT,INPUT,OPTION,TEXTAREA,FORM,FIELDSET {font-size: 100%;font-family:Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;}
TABLE {border-collapse: separate;}
FORM {margin:0;}

p {margin: 0.5em 0 1em 0; padding: 0;} .small {font-size: 0.9em;} .big {font-size: 1.1em;}
.text-left {text-align: left;} .text-right {text-align: right;}
.inline {display: inline;} .block {display: block;}
A img {border: none;}

H1, H2, H3, H4 {color: #FF6600; margin: 1em 0 0.5em 0; padding: 0;}
H1 {font-size: 1.6em;} H2 {font-size: 1.4em;} H3 {font-size: 1.2em;} H4 {font-size: 1.1em;}

A, .ui-widget-content a {color: #12508D; text-decoration: underline;}
A:visited {color: #12508D;}
A:hover {color: #333; text-decoration: none;}
.comp4-cms-calendar table.wm4-listing td a {color: #2581B8; font-weight: bold;}

UL {} UL UL {margin: 1em;}
LI {list-style-position: outside;}

.right {float: right;} .left {float: left;}
.clear, BODY .wm4-cleaner {clear: both; height: auto;}

.cms4-element-pagelet-html TABLE { border-collapse: collapse;}
.cms4-element-pagelet-html TABLE TD {vertical-align: top;}
.cms4-illustrated-content {margin:1em;}
table.cms4-illustrated-content td.cms4-illustrated-content-col1 {padding-bottom: 1em;}
.cms4-illustrated-content H2 {font-size: 1.1em; font-family: verdana;}
.comp4-illustrated-content-item-image {float: left; margin-right: 1em;}
/* ****************************************************************** STRANKA */

#PAGE
{}
#PAGE .page-gfx
{width: 986px; margin: 0 auto;}
#PAGE .page-gfx-b
{/*background: url(img/.png) no-repeat bottom center;*/}
#PAGE .page-in
{padding: 0 2px;}

/* ***************************************************************** HLAVICKA */

#HEAD
{padding-top: 10px; background: ##FFF8DE;}
#HEAD .head-in
{position: relative; height: 83px; overflow: hidden;}

.head-logo A
{line-height: 1em;
display: block;
background: url(img/logo.png) no-repeat top left;
padding: 12px 5px 20px 65px;
margin: 5px 0 0px 5px;
font-size: 20px;
text-decoration: none;}
.head-logo A span
{
font-size: 13px;
font-weight: normal;
display: block;
}

.head-logo H1
{margin: 0 0 5px 0;
padding: 0;}

.head-blok
{padding-top: 28px;}

.head-text1
{padding-top: 6px;
text-align: right;
font-weight: bold;
}

H3.head-text2
{
text-align: right;
padding-top: 6px;
font-size: 13px;
}

.subhead-obal
{
padding-bottom: 10px;
background: url(img/blue-line.png) repeat-x bottom left;
margin-left: 200px;
}

.subhead
{
height: 140px;
background: url(img/foto2.jpg) no-repeat 0px -20px;
}

.homepage .subhead
{
height: 260px;
background: url(img/foto2.jpg) no-repeat bottom left;
}
.homepage .subhead-matice
{
height: 110px;
}
.homepage .subhead-matice-in
{

}
.subhead-matice-pol
{
float: left;
width: 186px;
float: left;
margin: 6px 0px 0 8px;
}
.subhead-matice-pol a
{
display: block;
width: 186px;
float: left;
color: #fff;
}
.subhead-matice-pol strong
{
display: block;
margin: 0;
font-size: 1em;
padding: 75px 5px 3px 5px;
}

.sub1 strong
{background: url(img/sub1.jpg) no-repeat bottom left;}
.sub2 strong
{background: url(img/sub2.jpg) no-repeat bottom left;}
.sub3 strong
{background: url(img/sub3.jpg) no-repeat bottom left;}
.sub4 strong
{background: url(img/sub4.jpg) no-repeat bottom left;}

/* ********************************************************************* TELO */
#MAIN
{background: url(img/main-bg.png) repeat-y top center #fff;
padding: 0 0 10px 0;}
#MAIN .main-in
{}

/* ************************************************************* LEVY SLOUPEC */

#LEFT-COL
{width: 200px;float: left; /*border-right: 1px dotted #dcdcdc;*/}
.left-col-in {float: left; width: 199px; }

#LEFT-COL
{
margin-top: -150px;
}
.homepage #LEFT-COL
{
margin-top: -380px;
}

/* ************************************************************ PRAVY SLOUPEC */

#RIGHT-COL
{width: 210px;float: right; border-left: 1px dotted #dcdcdc;}
.right-col-in {float: right; width: 200px; margin-right: 5px;}
/* ******************************************************* PROSTREDNI SLOUPEC */

#MID-COL
{margin: 0 220px 0 210px;}
#MID-COL .mid-col-in
{float: left; width: 100%; background: url(img/head.jpg) no-repeat top left;}

/* ****************************************************************** PATICKA */

#BOTTOM
{background: url(img/blue-line.png) repeat-x top left #fff; padding: 12px 0 10px 0;text-align: center; }
.bottom-in {padding: 0 10px;}
#BOTTOM A
{}
.bottom-go-top
{float: right;}

/* ****************************************************************** SDILENI */


/* ************************************************************ MENU VERTICAL */

#MENU-VERTICAL
{margin-bottom: 10px;}
#MENU-VERTICAL UL
{margin: 0;
padding: 0;}

#MENU-VERTICAL UL LI
{border-bottom: 1px dotted #efefef;
padding: 0;
margin: 0;
font-size: 1.1em;
list-style: none outside;}
#MENU-VERTICAL UL LI A
{display: block;
font-weight: bold;
background: url(img/sipka.png) no-repeat top left;
padding: 4px 1em;
position: relative;}
#MENU-VERTICAL UL LI A:hover
{}
#MENU-VERTICAL .active A
{font-weight: bold;
color: black;}

/* ********************************************************** MENU HORIZONTAL */

#MENU-HORIZONTAL
{}
#MENU-HORIZONTAL UL
{margin: 0 0 0 8px;
padding: 4px 0 3px 0;}
#MENU-HORIZONTAL UL LI
{margin: 0 2px;
list-style: none outside;
display: inline;}
#MENU-HORIZONTAL UL LI A
{font-weight: bold;
border-right: 1px solid #C4E1FE;
border-left: 1px solid #C4E1FE;
border-top: 1px solid #C4E1FE;
padding: 5px 12px;
background: #EAF4FF;}
#MENU-HORIZONTAL UL LI A:hover
{}
#MENU-HORIZONTAL .active a
{color: navy;
padding: 5px 12px 6px 12px;
background: white;
text-decoration: none;}

/* ******************************************************************* MODULY */
#search
{float: right; padding: 25px 10px 0 0;}
#search .search-input
{width: 170px;border: 1px solid #C3C3C3; padding: 2px;}
#search .search-input:focus
{border: 1px solid #999;}
#search .search-button
{border: 1px solid #C3C3C3; margin: 0 0 0 5px; padding: 2px 4px; background: url(img/search-button.png);}
#search .search-button:hover
{background: url(img/search-button.png) 0 40px;}

#STYLESWITCHER
{position: absolute;top: 0px;right: 10px;}
#STYLESWITCHER, #STYLESWITCHER li
{padding: 0;margin: 0;}
#STYLESWITCHER span
{border-left: 1px solid #dcdcdc;padding: 0 5px;}

TABLE.calendar
{width: 100%;table-layout: fixed;}
.calendar TD
{border: 1px solid #dcdcdc;padding: 0;text-align: center;background: white;}
.calendar .day-weekend
{background: #efefef;}
.calendar .day-name TD
{font-weight: bold;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;background: none;border: none;}
.calendar .has_event
{font-weight: bold;background: #FFF7D5;}
.calendar .has_event div
{display: none;}
.calendar TD.day-today
{color: white;background: gray;}
TABLE.calendar TH
{padding: 2px;}

/* ******************************* */

.comp4-poll H2, #RIGHT-COL .comp4-poll H3
{margin: 0;font-size: 12px;}
#RIGHT-COL .comp4-poll, #LEFT-COL .comp4-poll
{margin: 0;}

/* *********************************************************** OBSAH ELEMENTY */

#RIGHT-COL H3, #LEFT-COL H3
{font-size: 1.1em;
padding: 5px 0 3px 10px;
margin-top: 0;
background: url(img/h3.png) no-repeat bottom left;
color: #fff;}
#LEFT-COL H3
{background: url(img/h3-l.png) no-repeat bottom left;}

.text-blok .inside-gfx
{padding: 6px 10px;}
#RIGHT-COL .text-blok
{
border: 1px solid #dcdcdc;
}
.text-blok
{margin-bottom: 10px;}
.text-blok p
{margin: 0;}

/* ******************************* */

/*
.nabidka-textbg
{background: url(img/nabidka-textbg.png) no-repeat bottom right;}
.nabidka-textbg UL
{margin: 0;padding:5px 15px 5px 10px;}
.nabidka-textbg LI
{margin: 0;padding:0 0 0 12px;background: url(img/nabidka-odr.png) no-repeat 0 4px;list-style-type: none;}
*/



/* textove bloky */

#RIGHT-COL .comp4-poll H3
{background: none;}
.text-blok H3
{margin-top: 0;}

/* ******************************* */

.news
{padding-bottom: 0.5em;}
.news .hi
{padding: 2px 0 2px 0px;font-size: 1em;}
.news .time
{color: gray;}

.news .aktualita
{clear: both;}
.news .aktualita .news-image
{float: left;}
.news .aktualita .news-image img
{margin: 0.2em 1em 1em 0;}

.news .inside-gfx
{margin: 0 0 1em 0;}
.news-text
{line-height: 135%;}

.registration UL
{
margin: 0;
padding: 0 0 0 15px;
}

/* ******************************* TABS */
.ui-widget
{
font-size: 1em;
}

.ui-tabs .ui-tabs-nav
{
padding: 0;
margin: 0;
}

.ui-widget-header
{
background: #007EBB;
border: none;
-moz-border-radius: 0px;
}
.ui-tabs .ui-tabs-nav li
{
background: #007EBB;
border: none;
margin: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
background: #fff;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a
{
color: #333;
}
.ui-corner-top
{
-moz-border-radius: 0px;
}
.ui-tabs .ui-tabs-nav li a
{
padding: 3px 8px;
font-weight: bold;
color: #fff;
}
.ui-widget-content
{
border: 1px solid #efefef;
}

.cluetip-default #cluetip-outer {
  border: 1px solid #999;
}

/* objednavkovy form */
#objednavka {
    margin-top: 2.4em;
}
#objednavka fieldset {
    padding: 1em;
}
form#objednavka legend {
    color: #FF6600;
    font-size: 1.3em;
    font-weight: bold;
}
#objednavka div {
    padding: 0.3em 0;
}
#objednavka input.pocet-kusu {
    width: 25px;
}
#objednavka label {
    display: block;
    float: left;
    margin-right: 8px;
    padding-top: 1px;
    text-align: right;
    width: 140px;
}
#objednavka label.error {
    display: inline;
    float: none;
    margin-left: 5px;
}
#objednavka label.inline {
    display: inline;
    float: none;
}
#objednavka .required-mark  {
    color: red;
    font-weight: bold;
}
#objednavka .odsazeni  {
    margin-left: 150px;;
}
.cms4-element-pagelet-mailform #objednavka textarea {
    width: 60%;
}