@import url("content.css");


html {margin: 0; padding: 0;}
body {background: #77ACDE; color: #3b3b3b; margin: 0; padding: 0 0 70px;}


body {font-family: "Lucida Grande", Tahoma, Arial, sans-serif;}
h1, h2 {font-family: "Lucida Grande", Arial, sans-serif;}

.spc {padding:5px 20px 10px;}


#header, #content, #footer {width: 100%;}
#header .container, #content .container, #footer .container {width: 900px; margin: 0 auto;}
#header  {border-bottom: white 1px solid;}
/* Header */
#logobox {height: 70px; border-bottom: 4px solid #0F4D6E; width: 900px;}

#logo {width: 240px; height: 70px; float:left;  margin: 0; padding-bottom: 0px;}
#logo { margin: 0; padding-bottom: 0px;}

#slogan  {width: 600px; height: 70px; float:right;}
#slogan h2 {color: #0f4d6e; font-size: 160%; font-weight: bold; text-transform: uppercase; margin: 0; padding: 15px 0 0px 0px; }
#slogan em {color: #226a8d; font-style: bold;  font-size: 120%;}

.topmenu {background: #090085 url("../images/bgmenu.gif") repeat-x; color: #FFF; font-size: 13px; height:30px;}
.topmenu ul, #mainmenu ul li {list-style: none; margin: 0; padding: 0; }
.topmenu ul li {float: left; border-right: 1px solid #0F4D6E;  position: relative;}
.topmenu ul li a, #mainmenu ul li.active strong {text-decoration: none; font-weight: bold; display: block;}
.topmenu ul li span {color: #FFF; display: block; padding: 5px 15px ;}
.topmenu ul li a:hover {background-image: url("../images/bg-hover.gif"); color: #3a3e40;}
.topmenu ul li a:hover span {cursor: pointer;}


/* Motives (subpages) */
#banner {background: #009BB8 url("../images/ill_banner.jpg") no-repeat; color: #000; font-size: 96%; width: 100%; position: relative; top: -1px; margin-bottom: -1px; border-top: 1px solid #b9fddd;}
#banner  {background-color: #009BB8; background-position: 200px 0px; color: #f9f9f9; height: 160px;}
#banner .spc {padding: 15px 20px 5px; width: 170px;}
#banner h2 {color: #0c1f37; margin-bottom: 0.2em; margin-top: 0; padding-top: 0.5em;}

/* Content + columns */
#content {background: #96C0E6; color: #000; height: 100%; }
#content .container {background: #ffffff;color: #000; }

#col-ll {width: 500px; float: left; }
#col-ll h1  {background: #234087 url("../images/bgttl2.gif") no-repeat top left; font-size: 120%; color: #ffffff; margin: 1px 0 0; padding: 5px 0px 5px 20px; font-weight: bold;}

#col-rr {width: 198px; float: right; background-color: #FFB400; }
#col-rr1 {width: 180px; float: right; background-color: #FFB400; }



#col-left {color: #FFF; width: 200px; float: left; min-height:600px;}
#col-right {width: 700px; float: right; background-color: #ffffff; min-height:600px;}
#col-left h2 {background: #EC2027 url("../images/bgttl1.gif") no-repeat top left; font-size: 130%; color: #ffffff; margin: 0; padding: 5px 0px 5px 20px; font-weight: bold;}



#content ul li, #content ol li {margin-bottom: 0.5em;}
.ttl  {background: #EC2027 url("../images/bgttl1.gif") no-repeat top left; font-size: 130%; color: #ffffff; margin: 0; padding: 5px 0px 5px 20px; font-weight: bold;}
.ttl2  {background: #234087 url("../images/bgttl2.gif") no-repeat top left; font-size: 110%; color: #ffffff; margin: 5px 0; padding: 5px 0px 5px 20px; font-weight: bold;}
.txt  {font-size: 11px; color: #ffffff; margin: 0; padding: 8px 0px;}

/* Left menu */
#leftmenu h1 {background: #EC2027 url("../images/bgttl1.gif") no-repeat top left; font-size: 130%; color: #ffffff; margin: 0; padding: 5px 0px 5px 20px; font-weight: bold;}
#leftmenu h3 {background: #7DC8F0; font-size: 100%; color: #ffffff; margin: 0; padding: 4px; font-weight: bold;}
#leftmenu ul {margin: 0 0 2px;  padding: 0;  list-style: none; width: 100%; background: #FFB400;}
#leftmenu ul li {margin: 0;  padding: 0;  list-style: none; width: 100%; float: left; background: none; border-top: 1px solid #fff7a0; position: relative;}
#leftmenu li h2 {font-weight: bold; display: block;  background: #FFB400 url('../images/odr_menu1.gif') no-repeat 2px 0.2em !important; color: #ffffff; font-size: 13px; padding:0; }

#leftmenu li a  {font-weight: bold; display: block;  background: #FFB400 url('../images/odr_menu1.gif') no-repeat 2px 0.2em !important; color: #ffffff; padding: 5px 7px 5px 20px;  text-decoration: none; }
#leftmenu li a:hover { color: #ffffff; background: #ff1b24 url('../images/odr_menu1.gif') no-repeat 2px 0.3em !important; }


/* submenu... */ 
#leftmenu li div{display: none; font-weight: bold;}
#leftmenu li.menuon div{display: block; position: relative; top: -3px; }
#leftmenu li ul { border: 1px solid #859299; position: absolute; left: 199px; top: -19px; z-index: 50; }
#leftmenu li ul li { border-bottom-color: #fff7a0; }
#leftmenu li ul li a, #leftmenu li ul li span {border-left: 0;  border-bottom: 0;  background-color: #FFB400 !important;  padding-left: 10px; background-position: 2px 0.2em !important; padding: 1px 7px 2px 16px;  !important; font-weight: normal;}
/* #main-menu li ul li a, #main-menu li ul li span {border-left: 0;  border-bottom: 0;  background-color: #FF5900 !important;  padding-left: 10px; background-position: 25px 50% !important; padding: 8px 0 8px 10px !important; }
*/
#leftmenu li ul li h3, #leftmenu li ul li span {border-left: 0;  border-bottom: 0;  background-color: #FFB400 !important;  padding-left: 10px; background-position: 2px 0.2em !important; padding: 1px 7px 2px 16px;  !important; font-weight: normal;}

#leftmenu li ul li a:hover {color: #ffffff; border-left: 0;  border-bottom: 0;    background-color: #ec2027 !important;  background-position: 2px 0.2em !important;}
/* #main-menu li ul li a:hover {border-left: 0;  border-bottom: 0;  color: white; background: #D04900 none !important;} */
#leftmenu li a, #main-menu li span, #main-menu li.active ul li a  {_height: 1px;}

#leftmenu li div li div{display: none; font-weight: normal;}

.formbox {background: #234087 url("../images/bgttl2.gif") no-repeat top left; color: #FFF; padding: 10px 10px 11px 15px; border-bottom: 1px solid #FFF;}
.formbox h2 {font-size: 110%; color: #d4ebfc; margin: 0;}
.formbox p {margin: 0;}
.formbox input {width: 55%; background-color: #e9eef1;}
.formbox .btt {width: auto;}
.btt {background-color: #EC2027 !important; color: #FFFFFF; font-weight: bold; border-color: #C94301; border-style: solid;}

#contact-box { color: #ffffff; display: block; background: #234087; padding: 12px 18px; text-decoration: none; font-size: 90%;}
#contact-box a {color: #ffffff; text-decoration: underline; }
#contact-box a:hover {text-decoration: none;  }

/* News */
.newsbox { color:#fff;margin-bottom: 1em; border-bottom: 1px dotted #ffffff;}
.newsbox p {margin-bottom: 0.8em; font-size: 100%; padding: 0 0 0 2px; color:#333333; }
.newsbox h2 a {color:#003399; margin-bottom: 0.4em; display: block; font-size: 110%;}
.newsbox h2  {color:#003399; margin-bottom: 0.4em; display: block; font-size: 110%;}

#infobox {color:#333333;margin-bottom: 1em;  padding: 5px 15px 10px; background-color: #FFEF6C !important; font-size: 90%; }
#infobox h3 {color:#003366; margin: 0px 0px 0px; }
#infobox span {color:#003366; font-weight: bold; font-size: 110%; }
#infobox2 {color:#333333;margin-bottom: 1em;  padding: 5px 15px 10px; border: #FFEF6C solid 1px; font-size: 90%; }
#infobox2 h3 {color:#003366; margin: 0px 0px 0px; }
#infobox2 span {color:#003366; font-weight: bold; font-size: 110%; }
/* Footer */
#footer {color: #ffffff; font-size: 92%;}

#footer p {margin-bottom: 0.4em;}
#footer .spc {padding: 15px 20px;}
#footer #info {float: left; width: 700px; margin-left: 15px;}
#footer #dev {color: #fff; float: right;}
#footer #dev a {color: #ffffff; text-decoration: none;}
#footer #dev a:hover {color: #ffffff;}

.bg1 {background: url("../images/bg.gif") repeat-x left top; width: 200px; height: 30px; padding: 0; margin: 0;} 
.bg2 {background: url("../images/bg1.gif") repeat-x left top; width: 200px; height: 30px; padding: 0; margin: 0;}

.separator { background: #ffffff; font-size: 1px; line-height: 1px; width: 100%; height: 0px; padding: 0; margin: 3px 0 0px; display: block; clear: both; border: none; }


.input-label {
	PADDING-LEFT: 2px; FONT-WEIGHT: normal;  COLOR: #333333;  /* nadpisy textboxů*/
}
.inp {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; WIDTH: 95%; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #FFFEEA /*textboxy*/
}
.inp2 {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; WIDTH: 50px; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #FFFEEA /*textboxy*/
}
.input-label-alt {
	text-align:right; FONT-WEIGHT: bold;  COLOR: #333333; padding-right: 10px /* nadpisy textboxů*/
}
.inp1-alt {
	BORDER-RIGHT: #555555 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #FFFEEA /*textboxy*/
}

.inp1-ro {
	COLOR: #6c7ba7; BORDER-RIGHT: #555555 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #FFFEEA /*textboxy*/
}


fieldset legend {
	FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; COLOR: #ec2027; /* legenda ve fieldsetu */
}
fieldset {
	padding: 5px
}


.input-button {
	BORDER-RIGHT: #333333 1px solid;  BORDER-TOP: #333333 1px solid;  FONT-WEIGHT: bold; FONT-SIZE: 10px;  TEXT-TRANSFORM: uppercase; BORDER-LEFT: #666666 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #ec2027; TEXT-ALIGN: center /* tlačítko */
}
.input-button1 {
	BORDER-RIGHT: #333333 1px solid;  BORDER-TOP: #333333 1px solid;  FONT-WEIGHT: bold; FONT-SIZE: 10px;  TEXT-TRANSFORM: uppercase; BORDER-LEFT: #666666 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #ec2027; TEXT-ALIGN: center /* tlačítko */
}
.img_star {
	FONT-SIZE: 10px; COLOR: #ec2027; 
}