body {border:0; margin:0; padding:0; background-color:#FFF; font-size: 13px; font-family: "trebuchet MS","tahoma","verdana",sans-serif; color:#000; _text-align:center;}

a {color:#D12626; }
a:hover {color:#D12626;}

p {border:0; margin:15px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:290%; font-family:"arial",serif; }
h2 {font-size:250%; font-family:"arial",serif; }
h3 {font-size:140%; font-family:"arial",serif; }

ul, ol {display:block; border:0; margin:15px 0 15px 20px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; }

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

th {text-align: left; vertical-align:top;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

strong, .strong {font-weight:bold;}

.f-left {float:left;}
.f-right {float:right;}

.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.clear {clear:both;}
.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.noscreen {display:none;}

/* -------------------------------------------------------------------------------------------------- */

#main {position:relative; width:800px; margin: auto; _text-align:left; background: #FFF; padding: 0; }

/* Hlavička */
#header { position:relative; overflow: hidden; width:377px; height:100px; margin:10px 0px 10px 0px; padding:0; background: url("../imgs/logo.gif") 0 0 no-repeat; }

    /* Hlavička - logo */
	#header #logo { }
	#header #logo h1 { position:absolute; top:0px; left:0px; margin:0; padding: 10px 0px 0px 0px; font-size: 18px; font-weight: bold;}
	#header #logo h1 a {color:#000;}
	#header #logo h1 a:hover {color:#000; text-decoration:underline;}
	#header #logo h1 a span { width:379px; height:100px; position:absolute; display:block; top:0px; left:0px; background:transparent url("../imgs/logo.gif") 0 0 no-repeat; cursor:pointer; }

#mainmotiv { position:relative; width: 800px; height: 351px; background: #000; border-top: 6px solid #BABABA;border-bottom: 6px solid #868686; }		 
#mainmotiv h1 {color: #FFF; padding: 20px; } 
#mainmotiv h2 {color: #AAA; padding: 20px} 
#mainmotiv span.top { position:absolute; top:0; left:0; display:block; width:800px; height:141px; background: url("../imgs/motiv1.jpg") top left no-repeat;		}
#mainmotiv span.bottom { position:absolute; top:141px; left:0; display:block; width:800px; height:210px; background: url("../imgs/motiv2.jpg") top left no-repeat;		}

#topinfo { position: absolute; top:0px; right: 0px; font-size: 7pt; }
#topinfo h2 { color: #0072BB; font-size: 25px;}
#topinfo a { color: #00ADDE; }

/* Menu */
#menu { margin:0; padding: 0; position:absolute; right:0px; top: 75px; _top: 85px; font-family: arial, verdana, tahoma; }

    #menu ul {margin:0; padding:0; list-style:none; }
    #menu ul li {position:relative; margin:0; padding:0; float:left; line-height: 26px; }
    #menu ul li a { border-top: 4px solid #FFF; display:block; margin-left:15px; color:#007CC3; text-decoration:none; cursor:pointer;}
	 #menu ul li a.active { color:#D12626; border-top: 4px solid #D12626; }
    
    /* Hover */ 
	 #menu ul li a:hover { color:#D12626; border-top: 4px solid #D12626; }

	 
/* Stránka */
#page {width:800px; }
#page-in {min-height:1px; padding:15px 0px; }
#page h2 {color: black; font-size:18px; margin-top: 4px; margin-bottom: 4px; font-weight: normal;}
#page h3 {color: #00ADDE; font-size:20px; margin-top: 0px; font-weight: normal; }
#page p { text-align: justify; margin-top: 0px; margin-bottom: 8px;}


/* Obsah */
#content { float: left; width:390px; margin:0; }
#content strong { color: #D12626; }
#content img { margin-left: 20px; }
#content ul { margin-left: 0px; }
#content li { padding-left:25px; background: url(../imgs/li.gif) 0px 0px no-repeat; list-style-type: none; margin-bottom: 4px; }


/* Pravý panel */
#panel {float:right; width:385px; margin: 0px; padding-left: 10px; border-left: 2px solid #B9BABD;}
#panel-in {padding:	0px; }

/* Patička */
#footer {position:relative; clear:both; width: 800px; border-top: 6px solid #B9BABD; height:30px; font-size: 8pt; color:#5D5D5D; padding: 7px 0px 5px 0px; }
#footer a {color:#007CC3;}
#footer a:hover {color:#D12626;}
#footer .half {width:50%}


.cForm fieldset { border: none; margin: 0; padding: 0; background: transparent url(../imgs/obalka.gif) 0px 90px no-repeat }
.cForm legend { display: none }
.cForm label { display: block; width: 120px; float: left; }
.cForm input { width: 150px; border: 1px solid #00ADDE; background: #F8F8F8; font-size: 9pt; color: #868B8F; padding-left: 3px; margin-top: 3px; }
.cForm input.button { margin-left:120px; _margin-left:122px; background: #868B8F url(../imgs/graybutton.gif) bottom left repeat-x; color: white; border: 1px solid #868B8F; height: 20px; font-weight:bold }
.cForm textarea { width: 255px; border: 1px solid #00ADDE; background: #F8F8F8; font-size: 9pt; color: #868B8F; padding-left: 3px; margin-top: 3px; }
.cForm .red { color: #00ADDE; }