/*?color: red;  ie7
_color: blue;  ie6 */


body
{background-color:#7C9EC3;font-family:Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;font-size:0.7em;color:#333;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;}
H1, H2, H3, H4 {color: #76B900; margin: 1em 0 0.5em 0; padding: 0; font-family: arial;}
H1 {font-size: 1.6em;} H2 {font-size: 1.4em;} H3 {font-size: 1.2em;} H4 {font-size: 1.1em;}
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;}

A img {border: none;}
A {color: #E96B12; text-decoration: none;}
A:hover {color: #E96B12; text-decoration: underline;}
A:visited {color: #E96B12;}

/*UL, LI {margin:0; padding: 0;}*/
/*UL {} UL UL {margin: 1em;}*/
/*LI {list-style-position: outside; padding-left: 1em;}*/

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

/* *************************************************** STRANKA */

#PAGE
{
background: url(img/bg-mid.png) repeat-y top center #E6EDF4;
}
#PAGE .page-gfx
{
background: url(img/bg-top.png) no-repeat top center;
}
#PAGE .page-gfx-b
{
background: url(img/bg-bottom.png) no-repeat bottom center;
}
#PAGE .page-in
{
width: 920px;
margin: 0 auto;
}
/* ************************************************** HLAVICKA */
#HEAD
{
padding: 16px 0 10px 0;
}
.head-logo
{
background: url(img/logo.png) no-repeat top center;
width: 578px;
height: 63px;
margin-top: 10px;
}
.head-logo H1
{
margin: 0;
padding: 0;
}

A.head-imgreplace
{
display: block;
width: 578px;
height: 63px;
/*overflow: hidden;*/
}

.head-imgreplace span
{
display: none;
}
.head-blok
{
padding-top: 28px;
}
.head-text1
{
padding-top: 6px;
text-align: right;
font-weight: bold;
}

.ico-contact
{
/*background: url(img/ico-contact.png) no-repeat 0px -3px;
padding: 2px 0 4px 25px;*/
padding: 0px 60px 0px 5px;
}
.ico-map
{
/*background: url(img/ico-map.png) no-repeat 0px -3px;
padding: 2px 0 4px 25px;*/

}

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

/* ****************************************************** TELO */
#MAIN
{
padding: 0 0 20px 0;
}

/* ********************************************** LEVY SLOUPEC */
#LEFT-COL
{
width: 212px;
float: left;

}
#LEFT-COL-MENU
{
background: url(img/menu-bg.png) no-repeat top left;
}
#LEFT-COL-MENU .inside-gfx
{
background: url(img/menu-bg-bottom.png) no-repeat bottom left;
border: 1px solid white;
}
#LEFT-COL-MENU A
{
font-weight: bold;

}
#LEFT-COL-MENU UL
{
padding: 1em;
margin: 0;
}
#LEFT-COL-MENU UL LI
{
padding: 2px 0 2px 0;
list-style: none outside;
margin: 0;
}
#MENU-VERTICAL ul {margin: 0; padding: 0; font-weight: bold; list-style: none;}
#MENU-VERTICAL ul li a {padding: 1px 0 1px 11px; display: block; background: url(img/odr.png) no-repeat left center;}

#slideshow
{
width: 212px;
height: 159px;
position: relative;
margin: 0px 0 15px 0;
}
.slideshow-text
{
color: white;
position: absolute;
bottom: 0;
left: 0;
background: transparent url('img/transparent_bg.png') repeat scroll 0 0!important;
width: 198px;
padding: 0 7px;
text-align: right;
}
.slideshow-text h3
{
background: none !important;
padding: 0 !important;
border: none !important;
font-size: 1em !important;
margin: 5px 0 3px 0;
}
.slideshow-text h3 a
{
color: white;
}
.slideshow-text div p
{
    margin: 3px 0 7px 0;
}

/* ********************************************* PRAVY SLOUPEC */
#RIGHT-COL
{
/*margin-top: -200px;*/
width: 212px;
float: right;
}

/* **************************************** PROSTREDNI SLOUPEC */
#MID-COL
{
margin: 0 222px 0 222px;
}
#MID-COL .in
{
background: url(img/head.jpg) no-repeat top left;
}

/* *************************************************** PATICKA */
#BOTTOM
{
padding: 12px 0 10px 0;
text-align: center;
color: #dcdcdc;
}
#BOTTOM A
{
color: white;
}
.bottom-go-top
{
float: right;
}
/* *************************************************** SDILENI */

#LEFT-COL .in, #RIGHT-COL .in, #MID-COL .in
{
float: left;
width: 100%;
}
/* ************************************************ HORNI MENU */
#MENU-ROW
{
margin-bottom: 10px;
background: url(img/menu-top.png) no-repeat top left;
height: 28px;
}
#MENU-ROW UL
{
background: url(img/menu-top-b.png) no-repeat top right;
height: 28px;
margin: 0;
padding: 0 5px;
}

#MENU-ROW UL LI
{
float: left;
padding:0;
margin: 0;
list-style-type: none;
}
#MENU-ROW UL LI A
{
color: white;
float: left;
display: block;
font-weight: bold;
height: 28px;
line-height: 28px;
padding: 0 1em;
}
#MENU-ROW UL LI A:hover
{
background: #E96B12;
}
/* ******************************************** OBSAH ELEMENTY */

#TOP-BLOK-A
{
height: 200px;
/*margin-right: 200px;*/
/*float: right;*/
padding-bottom: 10px;
}

#TOP-BLOK-B
{
width: 696px;
height: 200px;
float: left;
margin-bottom: 10px;
background: url(img/nabidka.jpg) no-repeat bottom right;
position: relative;
color: white;
}
.upoutavka-a, .upoutavka-b, .upoutavka-c
{
position: absolute;
top: 55px;
left: 10px;
padding: 5px;
}
.nabidka-textbg
{
background: url(img/nabidka-textbg.png) no-repeat bottom right;
}
.nabidka-textbg UL
{
margin: 0;
padding:5px 5px 5px 5px;
}
.nabidka-textbg LI
{
margin: 0;
padding:0 0 0 12px;
padding: 0;
/*background: url(img/nabidka-odr.png) no-repeat 0 4px;*/
list-style-type: none;
}


.upoutavka-b
{
left: 275px;
}
.upoutavka-c
{
left: 425px;
}


/* search */
#search
{}
#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 auto; background: url(img/search-button.png);}
#search .search-button:hover
{background: url(img/search-button.png) 0 40px;}

/* textove bloky */
#RIGHT-COL .text-blok
{
background: url(img/blok-green.png) no-repeat top left;
padding-bottom: 10px;
}
#RIGHT-COL H3, #LEFT-COL H3
{
padding: 0px 0 5px 0;
}
#LEFT-COL H3
{
color: #3B629F;
}
#LEFT-COL .text-blok
{
background: url(img/blok-blue.png) no-repeat top left;
}
.text-blok .inside-gfx
{
/*background: url(img/text-blok-bottom.png) no-repeat bottom left;*/
padding: 6px 10px;
/*margin-top: 1em;*/
}

/* novinky */
#NEWS
{
padding-bottom: 0.5em;
}
#NEWS .hi
{
padding: 2px 0 2px 0px;
font-size: 1.2em;
}
.time
{
font-size: 10px;
color: gray;
}

.news
{
width: 200px;
}

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


.text-blok H3
{
margin-top: 0;
}

.wm4-calendar
{

}
.calendar TD
{
border: 1px solid #dcdcdc;
padding: 0;
text-align: center;
background: white;
}

TABLE.calendar
{
width: 100%;
/*border-collapse: collapse;*/
/*border: 1px solid #dcdcdc;*/
table-layout: fixed;
}

.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
{
/*font-weight: bold;*/
color: white;
background: gray;

}
TABLE.calendar TH
{
padding: 2px;

}

.cms4-view .cms4-element-pagelet-contents UL, .cms4-view .cms4-element-pagelet-html UL,
.cms4-view .cms4-element-pagelet-contents OL, .cms4-view .cms4-element-pagelet-html OL
{
/*padding-left: 1em;
list-style-position: outside;*/
}


fieldset
{
border: none;
margin: 0;
padding: 0;
}
#standart-form #message, #standart-form #phone, #standart-form #mail
{
width: 98%;
margin-bottom: 0.5em;
}
.cms4-element-pagelet-contents a
{
font-weight: bold;
font-size: 12px;
}
.blok-gal .comp4-photogallery
{
text-align: center;
}
#RIGHT-COL .comp4-poll H2
{
font-size: 13px;
}
.cms4-element-pagelet-contents LI
{
margin-bottom: 1em;
}

.aktualita
{
clear: both;
}
.aktualita .news-image
{
float: left;
}
.aktualita .news-image img
{
margin: 0.2em 1em 0.4em 0;
}
#RIGHT-COL .aktualita .news-image img
{
margin: 0.2em 0.7em 0.2em 0;
}
.btm-l {text-align: right; border-top: 1px dotted #7C9EC3;}

/* ilustrovany vypis s abstrakty */
table.cms4-illustrated-content td.cms4-illustrated-content-col1 {
    padding-bottom: 1em;
}
.comp4-illustrated-content-item-image {
    float: left;
    margin-right: 1em;
}