* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #000;
 background:  url(/img/site/pozadi.png);
}
#wrapper { 
 margin: 0 auto;
 width: 1166px;
}
#header {
 color: #333;
 width: 1138px;
 float: left;
 padding: 10px;
 border: 0px solid #f8b8a8;
 height: 50px;
 margin: 5px 0px 5px 0px;
 background:#fff;
background: url(/img/site/header3.png);
}
#navigation {
 float: left;
 width: 1138px;
 height: 13px;
 color: #797979;
 padding: 10px;
 border: 0px solid #f8b8a8;
 margin: 7px 0px 0px 0px;
 background-color:#fff;
 background: url(/img/site/navigation3.png);
 line-height:12px;
}

#a1 { 
 color: #333;
 border: 0px solid #f8b8a8;
 background:#ffffff;
 background:  url(/img/site/pozadi.png);
 margin: 3px 5px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 215px;
 float: left;
}
#a234 { 
 color: #333;
 border: 0px solid #f8b8a8;
 background:#ffffff;
 background:  url(/img/site/pozadi.png);
 margin: 3px 5px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 712px;
 float: left;
 font-size: 15px;
}

#a234 a {text-decoration:underline;color:black;}


#a12345 { 
 color: #333;
 border: 0px solid #f8b8a8;
 background:#ffffff;

 margin: 3px 5px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 1118px;
 float: left;
}

#a12345ab { 
 color: #333;
 border: 0px solid #f8b8a8;
 background:#ffffff;

 margin: 1px 5px 0px 0px;
 padding: 12px 0px 5px 2px;
 width: 1118px;
 float: left;
}

.ab { 
 color: #333;
 border: 0px solid #f8b8a8;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 86px;
 height: 150px;
 float: left;
 text-align:center;
}

#a2 { 
 color: #333;
 border: 0px solid #f8b8a8;
 background:#ffffff;

 margin: 3px 5px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 271px;
 float: left;
}

#a23 { 
 color: #333;
 border: 0px solid #f8b8a8;
 background:#ffffff;

 margin: 3px 5px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 438px;
 float: left;
}
.a23height { 
 height: 292px;

}

#a3 { 
 color: #333;
 border: 0px solid #f8b8a8;
 background:#ffffff;

 margin: 3px 5px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 271px;
 float: left;
}

#a4 { 
 color: #333;
 border: 0px solid #f8b8a8;
 background:#ffffff;

 margin: 3px 5px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 271px;
 float: left;
}
#a5 { 
 color: #333;
 border: 0px solid #f8b8a8;
 background:#ffffff;
 background:  url(/img/site/pozadi.png);
 margin: 3px 0px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 215px;
 float: left;
}


#footer { 
 width: 1138px;
 height: 30px;
 clear: both;
 color: #333;
 border: 0px solid #f8b8a8;
 background-color:#ffffff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
background: url(/img/site/header3b.png);
}



#ads {
 float: right;
 width: 310px;
 height: 396px; /* 524px for two*/
 color: #333;
 padding: 0px;
 border: 0px solid #111;
 margin: 130px 0px 5px 0px; /* 16px 0px 5px 0px; for two*/
/* background-color:#222;*/

}


/* Begin dialog */

.dialog {
 width:100%;
 margin:0px auto;
 min-width:150px;
 max-width:1200px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(/img/site/tl.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(/img/site/tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(/img/site/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(/img/site/mr.png) repeat-y right 0px;
 margin-right:-6px;
}
/* změna pro background pro pozadí */
.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#004ea7 url(/img/site/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(/img/site/bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(/img/site/br.png) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */


.dialog h1{
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-10px;
 text-align:center;
}


p {
 font-family:verdana,tahoma,arial,"sans serif";
}

#a234 p{
 padding: 0.5em 0.5em;
}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}


.c img {margin:5px 4px}

ul {margin:5px 18px}

.picl{float:left;margin:0 15px 15px 0}
.picr{float:right;margin:0 12px 15px 0px}

.youtube {width:150px; height: 150px; margin:2px; float:left; text-align:center;}

.black {color:black;}
.blue {color:blue;}
.brown {color:brown;}
.green {color:green;}
.orange {color:orange;}
.red {color:red;}

/* table */
.tch {width:628px;background:#111; color:#ccc; border:1px solid #111; margin: 5px 0 20px 0;}

.tech {border:1px solid #222; width:180px; padding:2px 10px;}
.tech2 {border:1px solid #222; color:#ddd; padding:2px 10px; text-align:center;width:450px;}
.tech3 {border:0px solid blue; width:10px;}


/* LINKS */
#a234 a {text-decoration:underline;color: blue;}
#a234 a:hover {text-decoration:underline;color: red;}

a {text-decoration: none; color: #f3f3f3;}
.s a:hover {text-decoration: underline;color:red;}
.s li.active {background: #8E0000;}
.s li.active a {color: #FFFFFF;}

#navigation a:hover {text-decoration: underline;color:red;}
#navigation li.active {background: #8E0000;}
#navigation li.active a {color: #FFFFFF;}

/* MENU MENU  */

/* Menu */

		ul#menu li a, ul#menu li a:visited, ul#menu li {
			font-weight: normal;
			font-size: 15px;
			list-style-type: none}



/* NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW */

a img {border:0;}


.dialog h2{
 /* header */
 font-size:18px;
 margin:0px;
 padding:0px;
 margin-top: 0px;
 text-align:center;
color:#999;
}

.dialog h3{
 /* header */
 font-size:15px;
 margin:0px;
 padding:0px; 
margin-top: -12px;
 text-align:center;
color:#333;
}



.orangeb1h, .orangeb2h, .orangeb3h, .orangeb4h, .orangeb2bh, .orangeb3bh, .orangeb4bh{font-size:1px; overflow:hidden; display:block;}
.orangeb1h {height:1px; background:#ffe0cc; margin:0 5px;}
.orangeb2h, .orangeb2bh {height:1px; background:#ffc299; border-right:2px solid #ffc299; border-left:2px solid #ffc299; margin:0 3px;}
.orangeb3h, .orangeb3bh {height:1px; background:#ffa366; border-right:1px solid #ffa366; border-left:1px solid #ffa366; margin:0 2px;}
.orangeb4h, .orangeb4bh {height:2px; background:#ff8533; border-right:1px solid #ff8533; border-left:1px solid #ff8533; margin:0 1px;}
.orangeb2bh, .orangeb3bh, .orangeb4bh {background: #ff6600;}
.orangeheadh {background: #ff6600; border-right:1px solid #ff6600; border-left:1px solid #ff6600;}
.orangeheadh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.orangeheadh h1 {margin: 0px 10px 0px 10px; padding-bottom: 3px; color:black; font-size:20px;}
.orangecontenth {background: #efefef; border-right:1px solid #ff6600; border-left:1px solid #ff6600;}
.orangecontenth div {margin-left: 12px; padding-top: 5px;}


.b1, .b2, .b3, .b4{font-size:1px; efefefoverflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#efefef; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#efefef; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#efefef; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentb {background: #efefef; border-right:1px solid #888; border-left:1px solid #888;}
.contentb div {margin-left: 5px;}