/* |||||||||||||||||||||||||||||| vychozi nastaveni xhtml elementu |||||||||||||||||||||||||||||| */

body, h1, h2, h3, h4, input, select, textarea{font: 69% Verdana, Geneva, Arial, Helvetica, sans-serif}

a{margin: 0; padding: 0; color: #4391D6; background-color: transparent; font-weight: bold; text-decoration: underline}

h1, h2, h3, h4{margin: 0; padding: 0; font-weight: bold}
h1{font-size: 145%; color: #0D2B88}
h2{font-size: 127%; color: #4391D6}
h3{font-size: 109%}
h4{font-size: 100%; color: #0D2B88}

ul, li, p, images{margin: 0; padding: 0}
ul{list-style:none}

input, select, textarea{font-size: 91%}
input{
padding: 0.4em;
background: white url(images/input_bg.png) repeat-x top left;
border: 1px solid #A7A7A7;
}
button{
margin: 0; padding: 0;
background: transparent;
border: none;
}

div.cleaner, div.cleaner-r, div.cleaner-l{
clear: both;
}
div.cleaner-r{
clear: right;
}
div.cleaner-l{
clear: left;
}

/* |||||||||||||||||||||||||||||| hlavni formatovaci celky |||||||||||||||||||||||||||||| */

body{
margin: 0; padding: 1.5em;
color: black;
background-color: #E5E5E5;
}
div#obal{
width: 750px;
margin: 0 auto; padding: 0 15px;
border: 1px solid #C9C9C9;
background: white url(images/obal_bg.gif) no-repeat 235px 100%;
}
div#levy{float: left; width: 220px; padding-bottom: 15px}
div#pravy{float: right; width: 530px; padding-bottom: 15px}

/* ||||||||||||||||||||||||||||||||||||||||||||| logo firmy ||||||||||||||||||||||||||||||||||||||||||||| */

h1#logo{
height: 83px;
background: url(images/logo.png) no-repeat left center;
border-bottom: 5px solid #6B6B6B;
}
h1#logo span{display: none}
h1#logo a{display: block; height: 83px; border: solid 1px 000;}

/* ||||||||||||||||||||||||||||||||||||||||||||| main menu ||||||||||||||||||||||||||||||||||||||||||||| */

ul#mainmenu{
margin: 0.3em 0 1em; padding: 0 15px 0 0;
}
ul#mainmenu li a, ul#mainmenu li strong{
display: block;
margin: 0 0 1px; padding: 0.4em 0 0.4em 20px;
color: black;
text-decoration: none;
}
ul#mainmenu li a{background: url(images/menu_li.png) no-repeat left center}
ul#mainmenu li a:hover, ul#mainmenu li strong{background: #D8D8D8 url(images/menu_li_hover.png) no-repeat left center}

ul#mainmenu ul{margin: 0 0 0 20px}
ul#mainmenu ul li a{
padding-left: 14px;
color: #6B6B6B;
background: transparent url(images/menu_li2.png) no-repeat left center;
font-weight: normal;
}
ul#mainmenu ul li a:hover {
	color: #4391D6;
	background: transparent url(images/menu_li2_hover.png) no-repeat left center;
}

/* ||||||||||||||||||||||||||||||||||||||||||||| aktuality ||||||||||||||||||||||||||||||||||||||||||||| */

div#aktuality{padding-right: 15px}
div#aktuality h2{
padding: 0.4em; margin: 0 0 -1em;
color: white;
background-color: #0D2B88;
border-top: 4px solid #4391D6;
}
div#aktuality h4{margin: 2em 0 0}
div#aktuality em{color: #7E7E7E; font-style: normal}
div#aktuality a{
display: block;
float: right;
padding-left: 15px;
background: transparent url(images/aktu_vice.png) no-repeat left bottom;
}
div#aktuality p a{
display: inline;
float: none;
padding: 0;
background: transparent;
}

/* ||||||||||||||||||||||||||||||||||||||||||||| hlavi�ka + vyhled�v�n� ||||||||||||||||||||||||||||||||||||||||||||| */

div#hledani{height: 53px; background: white url(images/slogan.png) no-repeat top left}
div#hledani form{
margin: 0 0 0 auto; padding-left: 15px;
width: 165px;
border-left: 1px solid #C9C9C9;
}
div#hledani form label{display: block; padding: 0.5em 0; font-size: 91%; font-weight: bold}
div#hledani form input#search{width: 110px; margin-top: 1px}
div#hledani form button{float: right}

div#hlavicka{
height: 24px;
padding: 6px 1em 190px;
color: white;
background: #6B6B6B url(images/hlavicka.jpg) no-repeat 0% 30px;
border-top: 5px solid #868686;
border-bottom: 5px solid #A7A7A7;
text-align: right;
}

/* ||||||||||||||||||||||||||||||||||||||||||||| hlavn� r�m ||||||||||||||||||||||||||||||||||||||||||||| */

div#hlavni{
padding: 15px 0 0 15px;
border-left: 1px solid #C9C9C9;
}

/* ||||||||||||||||||||||||||||||||||||||||||||| kontakt ||||||||||||||||||||||||||||||||||||||||||||| */

div#kontakt{
float: right;
position: relative; top: -43px;
width: 200px;
margin-left: 15px; padding-bottom: 14px;
background: #E4E4E4 url(images/kont_body.png) no-repeat right bottom;
}
div#kontakt h2{
padding: 5px 0.8em;
color: white;
background: #A7A7A7 url(images/kont_header.gif) no-repeat right bottom;
font-size: 15px;
}
div#kontakt h4, div#kontakt p{margin: 1em 0.8em;}

/* ||||||||||||||||||||||||||||||||||||||||||||| �l�nek ||||||||||||||||||||||||||||||||||||||||||||| */

div#clanek h1{padding: 5px 0 5px 20px; background: url(images/nadpis_bg.png) no-repeat left center}
div#clanek h2{padding: 1em 0}
div#clanek p{
margin: 1em 0;
text-align: justify;
}
div#clanek images.vlevo, div#clanek images.vpravo{float: left; padding: 1.2em 0.3em 0.1em 0}
div#clanek images.vpravo{float: right}
div#clanek div.galerie{
float: left;
margin-right: 2px; padding: 6px;
border: 1px solid #A7A7A7;
text-align: center;
}
div#clanek div.galerie p{
margin: 6px 0 0;
text-align: center;
}
div#clanek li{margin-bottom:0.5em;}
div#clanek ul{margin-left: 2em;list-style:square;margin-top:1.33em;}
div#clanek ul ul{margin-top:0.5em;}


/* ||||||||||||||||||||||||||||||||||||||||||||| nab�dka ||||||||||||||||||||||||||||||||||||||||||||| */

div.nabidka{
float: left;
width: 171px;
padding-bottom: 1em;
}
div.nabidka div.nadpis{
height: 70px;
color: white;
background: #6BB7F9 url(images/nabidka_bg.png) repeat-x;
border-right: 1px dotted white;
overflow: auto;
}
div.nabidka div.nadpis h3, div.nabidka p{padding: 5px}
div.nabidka div.nadpis p{font-size: 91%}
div.nabidka img{
padding: 10px;
background-color: #E4E4E4;
border-top: 4px solid #D2D2D2;
border-right: 1px dotted white;
}
div.nabidka span.vice{float: right}

/* ||||||||||||||||||||||||||||||||||||||||||||| pati�ka ||||||||||||||||||||||||||||||||||||||||||||| */

div#paticka{
clear: both;
height: 50px;
background-color: #CECECE;
font-size: 9px;
}
div#dolnimenu{
height: 26px;
padding: 12px;
background-color: #CECECE;
text-align: center;
}
div#copyright{
float: left;
height: 30px; width: 200px;
padding: 10px;
background-color: #D8D8D8;
font-weight: bold;
text-align: center;
}
div#paticka a{text-decoration: none}

.anotation {
  font-style: italic;
}