/* DEFAULT Zakladni deklarace */
pre {
color:red;
}
* {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 1.5em;
}

html {
overflow: -moz-scrollbars-vertical; /* Vertikalni scrollbar vzdy i v Gecku, neskace pak design s delsi/kratsi strankou */
font: 12px Tahoma,Arial,sans-serif;
overflow: scroll;
}

body{
background: black url('bg.jpg') no-repeat center top; 
padding-top:25px;
}

body#homepage{
background-color: black;
background-image: none; 
}

hr {
display: none;
width: 100%;
}
hr.clear {
clear: both;
}
img {
border:none;
}
blockquote {
padding:10px 0 10px 20px;
}
p {
margin:0 0 10px 0;
}
h1{
  padding-top: 5px;
  margin-top:0;
  padding-bottom: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 20px;
  color: #ff9519;  
  margin-left:10px;
margin-right:10px;
}
h1 span{
  padding-bottom: 10px;
  background: url(h2underline.png) bottom repeat-x;  
}
h2{
  line-height:34px;
  background: url(articletitle.jpg) top left no-repeat;
  margin-bottom:10px;
  color: #f37a19;
  font-size: 13pt;
  margin-left:10px;
margin-right:10px; 
}

h3 {
font-size: 10pt;
line-height: 16pt;
color: #777;
padding:0;
margin:0;
margin-left:10px;
margin-right:10px;
}
h4 {
font-size: 13pt;
line-height: 25pt;
color:#7b7d80;
padding:20px 0px 0px 0px;
margin-top: 15px; 
margin-left:10px;
margin-right:10px;
}

a {
color:#ff5a19;
font-weight: bold;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

.toLeft {
float:left;
}
.toRight {
float:right !important;
}
.clear{
  clear: both;
}
.hide, .hidden{display: none !important;}


#headerContent p {
margin:0;
padding:0;
}

#work ul li {
  margin-left: 30px;
  background: url(li.jpg) no-repeat scroll left 3px;
  margin-bottom:5px;
  padding:0 0 0 25px;
}


.TreeMenu .pos {
display: none;
}
.TreeMenu a {
color:white;
text-decoration: none;
font-size: 13pt;
}
.TreeMenu a:hover {
color:#AAA;
}
.TreeMenu li {
padding:0 0px 0 0;
float:left;
height: 40px;
width: 95px;
}


#mainmenu {
clear: both;
width:765px;
margin: -4px 0 0 0;
height:40px;
}
#mainmenu ul li a {
display: block;
height: 37px;
width: 95px;
}
#mainmenu ul li a span {
display: none;
height: 15px;
width: 95px;
border: 1px solid white;
}
div#flashmenu {
position: relative;
top:-40px;
}


#mainmenu ul li#menuitem-106428 {
background: url('menuImages/aktuality.0000.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106428:hover {
background: url('menuImages/aktuality.0005.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106429 {
background: url('menuImages/program.0000.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106429:hover {
background: url('menuImages/program.0005.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106438 {
background: url('menuImages/vip-servis.0000.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106438:hover {
background: url('menuImages/vip-servis.0005.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106430 {
background: url('menuImages/fotogalerie.0000.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106430:hover {
background: url('menuImages/fotogalerie.0005.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106440 {
background: url('menuImages/facebook.0000.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106440:hover {
background: url('menuImages/facebook.0005.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106439 {
background: url('menuImages/diskuze.0000.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106439:hover {
background: url('menuImages/diskuze.0005.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106442 {
background: url('menuImages/jobs.0000.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106442:hover {
background: url('menuImages/jobs.0005.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106431 {
background: url('menuImages/kontakt.0000.jpg') no-repeat scroll left top;
} 
#mainmenu ul li#menuitem-106431:hover {
background: url('menuImages/kontakt.0005.jpg') no-repeat scroll left top;
} 



#pagetitle {
background:#030303;
border-bottom:1px solid #090909;
padding:5px 0;
font-size: 11pt;
}

.template-galeri h1{
width:600px;
float:left;
}

.like{
float:right;
margin-right:30px;
margin-top:8px;
}

.like2{
float:left;
margin-right:30px;
margin-top:8px;
margin-left:10px;www
}

.template-homepage #mainmenu, .template-homepage #header, .template-homepage .pagetitle {
display: none;
}
.template-homepage #work {
padding:100px 0 0 0;
text-align: center;
}

#footer a {color:#666;}
#footer {
padding-top:20px;
padding-bottom:10px;
height:40px;
font-size: 8pt;
color:#333;
clear: both;
}

#enter {
width:100%;
text-align: center;
}
#enter a {
color:white;
font-size:12pt;
text-decoration: none;
}
#enter a:hover {

}

.template-homepage #page, .template-homepage #footer {
width:800px;
display: block;
margin:20px auto;
}

#workspace {
color:#CCC;
}



/* =======================    GALERIE   =========================== */
#galeriList {
float:left;
padding:0 0 0 4px;
}

.galeriListItem {
  background:#111;
  float:left;
  width:352px;
  height:180px;
  padding: 10px;
  text-align: justify;
  margin:0 2px 2px 0;
  border-bottom:1px solid #222;
}
.galeriListItem:hover {
  background:#222;
}
.galeriListItem:hover img {
  border:1px solid #666;
}
.galeriListBox h3 {
  text-align: left;
  font-size: 11pt;
  padding: 5px 0 5px 5px;
  margin: 0;
}
.galeriListImage {
  float: left;
  margin: 0 10px 0 0;
}
.galeriListItem img {
  padding:1px;
  border:1px solid #444;
}

.onPageGaleriImages table {
  width: 100%;
}
 
.onPageGaleriImages table tr td {
  padding: 10px;
  text-align: center;
  height: auto;
  vertical-align: middle;
}
.galeriListDate {
display: block;
color:#888;
font-size:9pt;
margin-top:-6px;
}

.onPageGaleriImages td {background:#111;}
.onPageGaleriImages td:hover {background:#222;}
.onPageGaleriImages img {padding:1px;border:1px solid #333}
.onPageGaleriImages td:hover img {padding:1px;border-color:#666}

/* =======================    KONTAKTNI FORM   =========================== */
#contactWork {
  float: left;
  width: 500px;
}

#contactForm {
  float: right;
  padding: 5px;
  background:#030303;
  border-bottom: 1px solid #050505;
}
#contactForm h3 {
  margin: 0;
}
#contactForm input, #contactForm textarea, #contactForm select {
  border: 1px solid #191919;
  background-color: black;
  color: #F89018;
  padding: 4px;
  margin-bottom: 10px;
}
#contactForm textarea {
}
#contactForm input.submit {
  background-color: #F89018;
  color: black;
}


/* DISKUSE */
#addComment {
background:#030303;

}
#addComment fieldset {
border:none;
padding:10px;
}
#addComment dd {float:left;padding:0 5px 0 0;}
#addComment dl {padding:0 0 8px 0;clear:both;}
#addComment input, #addComment textarea, #addComment select {
  border: 1px solid #191919;
  background-color: black;
  color: #F89018;
  padding: 4px;
  margin-bottom: 10px;
}
#addComment .commentContent dd {padding:0;}
#addComment .commentContent dt {display: none;}
#commentForm .commentContent {
clear: none;
float:right;
}
#commentForm {
margin:0 0 10px 0;
}

#commentForm div {
width:250px;
float:left;
}
#addComment .save {clear: none;}
.commentsList {padding:0 !important;}
.commentsList li {
border-bottom:1px solid #111;
background:#050505 url('') !important;
margin:0 0 2px 0 !important;padding:9px !important;
}
.commentsList .comentInfo {
color:#666;
font-size:8pt;
}

.commentHeader
{
  float: left;
  margin-right: 15px;
}

.commentsList ul
{
  margin-left: 40px;
}

hr.cleaner
{
  width: 250px;
  display: block !important;
  clear: both;
  visibility: hidden;
}

#homecom
{
  width: 360px;
  padding: 5px;
  float: left;
}
#homecom2
{
  width: 360px;
  padding: 5px;
  float: right;
}

#homecom h2, #homecom2 h2 {
  text-transform: uppercase;
  margin-left: 3px;
}

div.block
{
  width: 360px;
  float: left;
  margin: 5px;
}

#publicProfile {
width:760px;
}
#publicProfileGaleri {
clear: both;
margin:20px 0 0 0;
}
#publicProfileGaleri a {
/*display: none;*/
}

#profileimg {
float:left;
}

#publicProfile ul
{
  float: left;
  margin-left: 20px;
}

#akceLogin {
margin:10px 0 0 0;
background:#070707;
}
#akceLogin h3 {
padding:4px 0 4px 4px;
border-bottom:1px solid black;
background:#111;
}
#akceContent {
padding:6px;
}

#detailProduktLeftColumn {
float:left;
width:400px;
}
#detailProduktInfo {
width:340px;
margin-left:10px;
overflow:hidden;
}

/*PROGRAM LIST*/
#programList {
float:left;
padding:0 0 0 4px;
}

.programListItem {
  background:#111;
  float:left;
  width:736px;
  padding: 10px;
  text-align: justify;
  margin:0 2px 2px 0;
  border-bottom:1px solid #222;
}
.programListItem:hover {
  background:#222;
}
.programListItem:hover img {
  border:1px solid #666;
}
.programListBox h3 {
  text-align: left;
  font-size: 11pt;
  padding: 5px 0 5px 5px;
  margin: 0;
}
.programListImage {
  float: left;
  margin: 0 10px 0 0;
}
.programListItem img {
  padding:1px;
  border:1px solid #444;
}
.programListItem a.login
{
  text-align: center;
  display: block;
  border: 1px solid #333;
  background: #333;
  width: 120px;  
  height: 18px;
  color: #F89018;
  float: left;
  text-decoration: none;
}

.programListItem p
{
  text-align: left;
  display: block;
  width: 300px;
  float: right;
  text-decoration: none;
}

.programListItem h3
{
  text-align: left;
  display: block;
  width: 300px;
  float: right;
  clear: right;
  text-decoration: none;
  font-weight: bold;
  margin: 0px 0px 10px;
}
.programListItem span
{
  float: left;
  margin: 0px 10px 0px 0px;
}

.programListItem strong
{
  color: #777;
  font-weight: bold;
  float: left;
  margin-right: 5px;
}

.usergallery
{
  width: 160px;
  height: 90px;
  padding: 5px;
  float: left;
  margin: 5px;
  text-align: center;
}
.usergallery:hover
{
  background: #333333;
}
.usergallery a.del
{
  display: block;
  float: none;
  color: #F89018;
  font-weight: bold;
  text-decoration: none;
}
.usergallery a.del:hover
{
  background: #F89018;
  color: #333333;
}

.lister
{
  clear: both;
}

.lister li
{
  float: left;
  list-style-type: none;
  background: none !important;
  margin: 3px !important;
  padding: 0px !important;
}


.user
{
  float: left;
  width: 240px;
  margin: 5px;
  padding: 0px;
}
.user a
{
  margin: 10px;
}
.user a.hid
{
  display: none;
}

.avatar
{
  float: left;
  width: 64px;
  height: 64px;
  border: 0px;
}

.uplimg
{
  float: left;
  border: 0px;
  margin: 0px;
  padding: 5px;
}
.uplimg:hover
{
  background: #333333;
}

div#registerPage
{
  clear: left;
  margin-left:10px;
  margin-right:10px;
}

.SEOtext {
display: none;
}

#partneri {
float:right;
font-weight: lighter;
}


#partneri a {

font-weight: lighter;
}
#geneslink {
float:left;
}
#advert{display: none; position: absolute; display: none; z-index:9999;padding: 20px;}
#mask{position:absolute; z-index: 9000; background-color: #000; display: none;}

#page, #footer {
width:1000px;
margin:0 auto;
}

#main{
width:760px;
float:left;
overflow: hidden;
background:#030303 ; 
}

#rightcolumn{
width:236px;
float:right;
background: #111111;
border-top:1px solid #222222;
border-bottom:1px solid #222222;
overflow: hidden;
}

#login span.logform{
color:#9f0b40;
display:block;
font-weight:bold;
}

#login {
background-color:#111;
}

#logform {
margin:0;
padding:0;
margin-left:13px;
margin-top:5px;
}

#login p {
margin-top:10px;
margin-left:20px;
color:white;
display:block;
}

#logform input {
border: 1px solid #333;
background: url('input-bg.jpg') no-repeat;
border:0px;
color: #F89018;
font-family:arial;
height: 23px;
width:208px;
padding-left:10px;
line-height:23px;
color:#8a8a8a;
font-size:10px;
margin-right:3px;  
}

#logform .submitinput {
background:url('inputsubmit-bg.jpg') no-repeat;
height:35px;
font-family:arial;
width:103px;
color:white;
font-size:12px;
font-weight:bold;
text-align: left;
line-height: 35px;
display: block;
margin-left:100px;
margin-top:10px;
padding-left:18px;
} 

#rightcolumn span.rightcolumn-oddelovac a {
  text-align: center;
  color: #707070;
  text-decoration: none;
  font-size:12px;
  margin-left:20px;
}

#rightcolumn span.rightcolumn-oddelovac a:hover {
  text-decoration: underline;
}

#rightcolumn span.rightcolumn-oddelovac{
height:22px;
width:236px;
background:url('rightcolumn-oddelovac.jpg') no-repeat;  
display:block;
}

.addthis_button_compact{
color:#dc0854;
}

.addthis_toolbox addthis_default_style{
margin-left:20px;
}

#rightcolumn span.rightcolumn-oddelovac-2{
height:22px;
width:236px;
padding-left:20px;
background:url('rightcolumn-oddelovac.jpg') no-repeat; 
display:block;
}

#rightcolumn span.rightcolumn-oddelovac-2 a {
text-align: center;
color:#dc0854;
text-decoration: none;
font-size:10px;
}

.addthis_toolbox{
margin-left:10px;
}

#rightcolumn iframe{
margin-left:8px;
border:0px;
}

table{
margin-left:10px;
margin-right:10px;
}

.grayBoxContent{
margin-left:10px;
margin-right:10px;
}


#messageBox {
margin:0 0 10px 0;
color:white;
font-size:11pt;
font-weight: bold;
}

#messageBox div
{
  margin:0 0 4px 0;
}

.msg-err{
padding:5px;
color:red;
background-color:#202020;
padding-left:10px;
}
.msg-ok {
padding:5px;
background-color:#202020;
color:green;
padding-left:10px;
}

#work p{
margin-left:10px;
margin-right:10px;
}

.template-basic #area{
padding-left:20px;
padding-right:20px;
}

.template-akce #work{
padding-left:10px;
}

#flashmenu{
display:none;
}

#rightBoxContent {
	width: 232px;
	margin-left: 4px;
	color: #ccc;
	overflow: hidden;
}
