html, body {height:100%;}

body {background:#636366 url('back.gif') 0 0 repeat-x;margin:0;padding:0;text-align:center;color:white;
font:81.25%/1.3 Arial, Helvetica, sans-serif}
hr {display:none}

a {color:white}

table {font-size:100%}
form {margin:0}

input, select, textarea {font-size:100%}
input.input-text {border:1px solid #D7D7D7}

p {margin:0.4em 0}

h1, h2 , h3 {font-weight:normal;font-style:italic;color:#ccc}
h1 {margin:0.5em 0 0 0;font-size:146%;color:white}
h2 {margin:0.3em 0;font-size:138%;}
h3 {margin:0.4em 0;font-size:116%;}

.cleaner {clear:both;width:100%;height:0;overflow:hidden}

.hpboxes {padding:8px 0 8px 2px;}

.box-small {float:left;width:197px;height:124px;margin:0 5px 0 0;overflow:hidden}
.box-small-last {margin-right:0}
.box-small .boxin {padding:1px 8px 1px 12px}
.box-small h2,
 .box-small h3,
 .box-small a {color:white;text-decoration:none}
.box-small h2 {margin:5px 0;font-size:130%}
.box-small h2 a {display:block;zoom:1} 
.box-small-green {background:#298B5B url('box-small-green.gif') 0 0 no-repeat}
.box-small-orange {background:#F3763C url('box-small-orange.gif') 0 0 no-repeat}
.box-small-red {background:#9F1C27 url('box-small-red.gif') 0 0 no-repeat}
.box-small-mag  {background:#942067 url('box-small-mag.gif') 0 0 no-repeat}
.box-small-red h2 {background:url('box-a-red.gif') top right no-repeat}
.box-small-green h2 {background:url('box-a-green.gif') top right no-repeat}
.box-small-orange h2 {background:url('box-a-orange.gif') top right no-repeat}
.box-small-mag h2 {background:url('box-a-mag.gif') top right no-repeat}

.box-big {width:608px;height:90px;color:white;overflow:hidden}
.box-big .boxin {padding:1px 11px}
.box-big a {color:white}
.box-big h2 {margin:0.5em 0 0 0;font-size:164%;color:white}
.box-big h3 {color:white}

.box-big-green {background:url('box-big-green.gif') 0 0 no-repeat}
.box-big-red {background:url('box-big-red.gif') 0 0 no-repeat}
.box-big-orange {background:url('box-big-orange.gif') 0 0 no-repeat}
.box-big-mag {background:url('box-big-mag.gif') 0 0 no-repeat}


.hpcols {width:100%;background:url('hpcols.gif')  0 0 repeat-y }
.hpcols .col1 {float:left;width:325px;display:inline;margin:0 26px 0 15px;padding:1px 0}
.hpcols .col2 {float:left;width:233px;display:inline;margin:0 23px 0 0;padding:1px 0}
.hpcols .col3 {float:left;width:180px;display:inline;padding:1px 0}
.hpcols h2,
 .hpcols h3 {margin-top:0}

.layout1 {width:100%;margin:5px 0}
.layout1 .content {width:608px;float:left}
.layout1 .bar {width:180px;float:right;display:inline;margin:0 7px 0 0;}

.ctitle {width:100%;height:90px; }
.ctitlein {padding:1px 11px;}

.ccont {padding:5px 11px}


.ccont ul {list-style-type:none;margin:0.5em 0;padding:0}
.ccont ul li {margin:0;padding:0 0 0 13px;background:url('bul1.gif') 0 2px no-repeat }

.green a {color:#8BC53F}
.orange a {color:#F2B931}
.red a {color:white}
.mag a {color:#CE3796}

.bar ul {list-style-type:none;margin:0;padding:0;font-size:127%;}
.bar ul li {margin:0;padding:0;line-height:40px;background:url('submenu-sep.gif') left bottom repeat-x }
.bar ul li a {display:block;text-decoration:none;color:white;font-style:italic;zoom:1}
.bar ul li.item-orange div {background:url('bul-orange.gif') center right no-repeat}
.bar ul li.item-red div {background:url('bul-red.gif') center right no-repeat}
.bar ul li.item-green div {background:url('bul-green.gif') center right no-repeat}
.bar ul li.item-mag div {background:url('bul-mag.gif') center right no-repeat}

#page {width:807px;margin:0 auto;text-align:left;padding:0 0 40px 0}
#area {padding:0 0}

#hlava {width:100%;height:68px;color:black;}
#hlava .in {padding:2px 0 0 0;}

#topbox {float:right;width:377px;margin:18px 0 0 0;
	background:#F6F6F6 url('topbox.gif') 0 0 no-repeat;color:#808080}
#topbox p {padding:4px 0 0 0}
#topbox .in {padding:0 15px;height:35px;background:url('topbox-right.gif') top right no-repeat}
#topbox .in .sec1 {float:left;width:205px;height:35px;
	background:url('topbox-sep.gif') top right no-repeat}
#topbox .in .sec2 {float:right;width:130px;text-align:right}
#topbox .in input.input-text {width:100px}
#topbox .in input,
 #topbox .in label {vertical-align:middle} 

#main {width:100%;min-height:100%;height:100%;position:relative}
body>#main {height:auto;}
#pata {position:absolute;bottom:0;left:0;
	width:100%;height:29px;margin:15px 0 0 0;
	background:url('footer.gif') 0 0 repeat-x;text-align:center }
#pata .in {width:770px;margin:0 auto;padding:8px 0 0 0;text-align:left;font-size:92%}
#pata .in p {margin:0}
#pata .in p.links {float:right}
#pata .in .sep {margin:0 3px;color:#7e7f81}

#logo,
#logo span,
 #logo span a {display:block;width:140px;height:62px;}
#logo {float:left;position:relative;}
#logo a {color:black;text-decoration:none}
#logo span {position:absolute;top:0;left:0;background:url('logo.gif') 0 0 no-repeat}

#menu {width:100%;height:247px;background:white url('banner3.jpg') 0 0 no-repeat;}
#menu .in {margin:0 3px;background:#6C181F url('menu.gif') 0 0 repeat-x}
#menu .in2 {width:100%;background:transparent url('menu-l.gif') 0 0 no-repeat}
#menu ul {width:100%;height:41px;list-style-type:none;margin:0;padding:0;
  background:url('menu-r.gif') top right no-repeat}
#menu ul li {float:left;line-height:41px;background:url('menu-sep.gif') 0 0 no-repeat }
#menu ul li:first-child,
	#menu ul li.first {background-image:none}
#menu ul li.active {background:url('menu-active-first.gif') top right no-repeat}
#menu ul li.active:first-child,
 	#menu ul li.activefirst {background:url('menu-active-first.gif') 0 0 no-repeat }
#menu ul li a {float:left;display:block;padding:0 30px;color:white;text-decoration:none}
#menu ul li.active a,
 #menu ul li.activefirst a {color:#C1272D;font-weight:bold}
#menu p {width:100%;margin:0;position:relative}
#menu p a {display:block;position:absolute;top:150px;left:20px;width:97px;height:29px;text-decoration:none}
.page #menu {height:200px;background-image:url('banner2.jpg')}
.page #menu p {display:none}