@charset "utf-8";

/*
modra #0e0978
oranzova #ff7c1b
zluta #ffdd2a
seda #626262;
*/


body {background-image: url("mira_images/pruhsedy.png"); padding: 0; margin: 0; text-align: center; color: #626262; font-family: verdana;}

a {color: #0e0978; font-weight: bold;}

a:hover {color: #ff7c1b;}

h1, h2, h3 {color: #0e0978;}

h1 {font-size: 1.2em; margin: 0 65px 25px 5px; padding: 0 0 5px 12px; border-bottom: 3px solid #ffdd2a;}

h2 {font-size: 1.1em; margin: 15px 5px 8px 15px;}

h3 {font-size: 1.0em; margin: 10px 5px 8px 15px;}

img {border: 0;}



#topBar {width: 100%; height: 120px; text-align: center; background-image: url("mira_images/pruhzluty.png");}

#top {min-width: 870px; _width: 870px; width: 85%; height: 120px; margin: 0 auto; background-image: url("mira_images/bgtop.png"); text-align: center;}

#topContainer {width: 870px; margin: auto;}

#topImg1 {position: float; float: left; width: 533px; height: 120px; margin: 0; background-image: url("mira_images/topleft.jpg");}

#topImg2 {position: float; float: right; width: 190px; height: 120px; margin: 0; background-image: url("mira_images/topright.jpg");}

#sloganBar {width: 100%; height: 35px; text-align: center; margin: 5px 0 0 0; background-image: url("mira_images/pruhmodry.png");}

#slogan {min-width: 870px; _width: 870px; width: 85%; height: 35px; margin: auto; background-image: url("mira_images/bgslogan.png");}

#slogan h2 {position: relative; top: 8px; margin: 0; padding-right: 0px; font-size: 16px; color: white;
text-align:center;}



#mainContainer {position: relative; min-width: 1100px; _width: 1100px; min-width:1150px; max-width:1200px; margin: 0 auto; text-align: left; background-color: white;}



#content {min-height: 800px; /* pro standardní prohlížeče */ _height: 900px; /* pro Internet Explorer 6, který to chápe jako min-height*/ margin: 0 209px 0 212px; padding: 30px 0 25px 0;}

#content p {font-size: 0.8em;}

#content .imageRight, #content .imageLeft {position: float; margin: 8px; padding: 5px; background-color: #2a0f00; color: #fff0e8; text-align: center; font-size: 0.9em;}

#content .imageLeft {float: left;}

#content .imageRight {float: right;}

#content .imageRight img, #contentMain .imageLeft img {margin: 0 auto; margin-top: 5px;}

#content #hrat {text-align: center;}

#contetn #hrat img {margin: auto;}

#content img {margin: 10px;}



.sidebar {position: absolute; margin: 0; padding: 0; background-image: url("mira_images/bgmenu.png");
background-color:blue;}

.sidebar ul {list-style: none; margin: 0; padding: 0;}

.sidebar .content {margin: 5px 10px 5px 5px;}

.sidebar .title {height: 34px; margin: 0; padding: 0;}

.sidebar .title h3 {margin:0; padding: 5px 3px 0 20px; font-size: 0.9em;}

.bottomLine {height: 11px; width: 189px; margin: 20px 0 0 3px; background-image: url("mira_images/menubottom.png"); background-position: top left;}


#menu {top: 5px; left: 0; width: 189px;
}

#menu .title {width: 189px; background-image: url("mira_images/titulekmenu.png"); color: white;
}

#menu .title h3 {color: white;
margin: 0 15px;
margin-left: -5px;
text-align: left;
}

#menu ul li {margin: 0 8px 0 15px; padding: 0;
text-align:left;}

#menu ul li a {display: block; width: 170px; height: 33px; background-image: url("mira_images/sipka.png"); background-repeat: no-repeat; text-decoration: none; color: #0e0978; font-size: 12px;}

#menu ul li a:hover {background-image: url("mira_images/sipkaactive.png"); background-repeat: no-repeat; color: #ff7c1b;}

#menu ul li a strong {padding: 0 0 3px 20px;}

#menu .bottomLine {width: 182px;}





#right {top: 5px; right: 0; width: 192px;}

#right .title {width: 192px; margin-left: -2px; background-image: url("mira_images/titulekright.png");}

#right .title h3 {color: black;margin:0; padding: 5px 3px 0 20px; font-size: 0.9em;}

#right form input {margin: auto;}

#right ul li {margin: 3px 8px 4px 22px; padding: 0;}

#right ul li a {text-decoration: none; color: #626262; font-size: 12px;}

#right ul li a:hover {text-decoration: underline; color: #0e0978;}

#right .bottomLine {width: 182px;}



#footer {height: 26px; clear: both; margin: 0; text-align: center;}

#footerContent {height: 26px; margin: 0 auto; padding: 5px 0; color: #afafaf; font-size: 11px; background-image: url("mira_images/bgslogan.png");}

#footer #footerContent a {color: #838383;}

#footer #footerContent img {margin-left: 10px; vertical-align: middle;}

table {
text-align: center;
margin: 0px auto;
}

td	{
font-size: 10px
}

.nastred{
float: center;
text-align:center; 
}

.gsc-search-button .gsc-search-button-v2 {padding:7px;}
.gsc-search-box-tools .gsc-search-box .gsc-input {margin:0px 0px 0px 0px;padding-right:15px !important;}
#___gcse_0 {    margin-left: 7px;margin-right: 7px;}