* {margin:0; padding:0;}

html
{
  background: url('background.jpg') center top repeat-x;
}

p 
{
  text-align: justify;
  padding:0 0 8px 0;
}

a 
{
  color:#ff9000; 
  text-decoration: none
}

a:hover { text-decoration: underline}

img {border:none;} 
hr {display: none;}

body
{
  font:8pt/1.3 'Tahoma','Arial',sans-serif; 
  text-align:center;
  background: url('page-bg.jpg') center top no-repeat;
  color:#737373;
}


/****************************** NADPISY ************************************/
h1, h1 a 
{
  font-size:22pt; 
  font-weight:normal; 
  color: #f87627;
  
}

h1 
{
  margin-top: 20px;
  margin-bottom: 10px;
}

#genesOverview h1, #genesOverview h1 a
{
  color: #f87627;
  font-size: 12pt;
  font-weight: bold;
}



h2, h2 a 
{
  font-size:14pt;
  color: #4f4f4f;
  margin-top: 15px;
  margin-bottom: 10px;
}

#genesOverview h2, #genesOverview h2 a
{
  font-size: 9pt;
  color: #737373;
}


h3, h3 a
{
  font-size:11pt;
  color: #ffae3f;
  margin-bottom: 5px;
}

 
h4, h4 a
{
  font-size:9pt;
  color: #737373;
  margin-top: 15px;
  margin-bottom: 10px;
}

h4 { padding:0px 0; }


h5, h5 a {font-size:100%;}

h6, h6 a {font-size:100%; color: #737373; font-weight: normal}



/* .block je na homepage */

.block h2, .block h4 
{
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  line-height: 85px;
}

.block h2, .block h2 a, .block h4, .block h4 a
{
  color: #FF9000;
  font-size: 14pt;
  font-weight: bold;
  text-align: right;
}


#webdesign h2       { background-image: url('icon-webdesign.jpg'); }
#animation h2       { background-image: url('icon-vizualizace.jpg'); }
#media h2           { background-image: url('icon-media.jpg'); }

#newsContainer h4   { background-image: url('icon-pencil.jpg');}
#serialContainer h4 { background-image: url('icon-bulb.jpg'); }

h2 a, h4 a
{ 
  display: block;
}




.block h3, .block h3 a
{
  color: #737373;
  font-size: 10pt;
  font-weight: bold;
}

.block h3
{
  background:url('li.gif') left center no-repeat;
  padding-left: 28px;
  margin-left: 15px;
}

.block h5, .block h5 a 
{
  font-size: 10pt;
  color: #737373;
}

.block h5
{
  margin-bottom: 4px;
}


/* H1 */ /*
#pagetitle 
{ 
  font-size: 26pt;
  text-align: left;
  padding:30px 0 30px 0;
  
}

#workspace #pagetitle span {
background:url('officeman.png') top left no-repeat;
padding:15px 0 15px 76px;
}

.newsBoxBody h2, .newsBoxHeader h4
{
  color: orange;
  font-weight: bold;
}

.newsBoxBody h2
{
  margin-bottom: 5px;
}

div#info h4
{
  font-size: 1.38em;
  font-family: Arial;
  color: #F8942F;
  margin: 15px 20px 0px 30px;
  text-transform: uppercase;
}

*/




/****************************** NADPISY KONEC *******************************/



/****************************** SEZNAMY ************************************/

ul, li {
padding:0;margin:0;
list-style: none;
}

#work ul {
clear:both;

}

#template-homepage #work ul li 
{
  border-bottom:1px dotted silver;
  margin:0 0 20px 15px;
  overflow: hidden;
  padding-bottom: 15px;
/*background:url('libackgound.png') bottom left repeat-x;*/
}

.block li
{
  padding-top: 6px 0 8px 28px;
  text-align: justify;
}


#work ul li h3, #work ul li p {
display: inline;
}

#template-basic #work li
{
  background: url('icon-list-arrow-orange.gif') left 2px no-repeat;
  padding-left: 25px;
  line-height: 17px;
}

#work ul#sitemap li
{
  line-height: 2em;
}
#work ul#sitemap li a
{
  color: #737373;
}

#template-basic #work li li
{
  padding-left: 25px;
  background: none;
  list-style-type: disc;
  list-style-position: inside;
  
}
#template-basic #work li li li
{
  padding-left: 50px;
}

/*
#work ul li:hover {
background:url('lihover.jpg') bottom left repeat-x;
}

#work ul li div {
padding:2px 0 10px 25px;
background:url('li.gif') 0 6px no-repeat;
}

#xmenu {
height:34px;
padding:26px 0 0 0;
margin:auto;
width:450px;
}

#xmenu li {
float:left;
padding:0 8px;
border-left:1px solid #666;
}
#xmenu .ccs-0 {
border:none;
}
#xmenu a {
text-decoration: none;
float:left;
line-height: 12px;
color:#777;
}
#xmenu a:hover {color:#ff9000;}

#xmenu .pos {
display: none;
}

div#info ul
{
  margin: 50px 20px 0px 30px;
  padding: 0px;
}

div#info ul li
{
  float: left;
  display: block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: url('puntik.gif') top left no-repeat;
  text-align: center;
}
div#info ul li.active
{
  background: url('puntik2.gif') top left no-repeat;
}

#newlist li {
margin-bottom:20px !important;
background:none !important;
list-style: none !important;
}

.textBlockNewsList {
float:left;
}


#workspace #work ul {margin:5px 0 10px 11px;}
#workspace #work ul li {
border:none;
margin:0;
padding:0 0 4px 16px !important;
background:url('li.jpg') 0 6px no-repeat;
}

#newlist li.boxNewsList {
clear: both;
float:left;
width:750px;
}

*/

/***************************** SEZNAMY KONEC *******************************/


#genesOverview p
{
  padding-top: 1px;
}



.blockheader{
text-align: right;

}
/*
div#info
{
  width: 200px;
  float: left;
  text-align: left;
}



div#info p
{
  font-size: 1.13em;
  font-family: Arial;
  color: #7E7E7E;
  margin: 100px 20px 0px 30px;
  text-transform: uppercase;
}

a#goto
{
  display: block;
  background: url('sipka.gif') top left no-repeat;
  padding: 0px 0px 0px 25px;
  margin: 15px 20px 0px 30px;
  line-height: 22px;
  text-align: left;
  color: #B9B9B9;
  font-size: 0.7em;
  height: 22px;
  text-decoration: none;
  font-family: Arial;
}

*/

/*---*/






#page 
{
position: relative;
margin:0 auto;
width:1057px;
background: url('page-pane.jpg') center top no-repeat;
padding-top: 352px;
overflow: hidden;  
}

#main {
/*edited 21.10.2009*/
/*background: url('bg_container.jpg') no-repeat;*/
background-position: 0px 351px;
position: relative;
}

#header {

width:920px;
height:365px;

position: absolute;
top: 0px;
left: 0px;
margin-left: 84px;
}

#logo {
float:left;
height:38px;
width:108px;
padding:9px 0 0 15px;
}
#logo a {
height:38px;
width:108px;
display: block;
}



/*
#footer {
margin:0 0 0 318px;
width:500px;
clear: both;
height:130px;
padding:20px 0 0 0;
background:url('footer.jpg') 1px 20px no-repeat;
}



#geneslink {
margin:0 auto;
width:330px;
color:#999;
font-size: 8pt;
}
#geneslink img {float:left;margin:20px 0 0 14px;}
#geneslink #footerCopy {float:left;padding:30px 0 0 14px;}
*/

#mainFlash {
width:918px;
height:280px;
}             

#work {
text-align: left;
padding: 0px 70px 20px 110px;
}

#template-homepage #work 
{
  padding: 0px;
}



.align_justify {
text-align: justify;


}



#genesOverview
{

}

#blockfield, #genesOverview {
/*width:900px;*/
clear: both;
margin:0 0 0 90px;
/*edited 29.10.2009*/
padding: 0;
width: 906px;
_width: 925px;
}



.small_text{
font-size: 8pt;
text-align: justify;
padding-left: 27px;
display: none !important;
color:#7E7E7E;

}


.block 
{
  float:left;
  background: url('box-top-bg.jpg') top right no-repeat;
  
  margin:0 0 0 1px;
  width: 266px;/*301-(15+20)*/
  padding: 2px 20px 0px 15px;
  color: #737373;

}

#newsContainer .block, #serialContainer .block
{
  background-image: url('box-bg.jpg');
  text-align: left;
}

.boxContentBorder
{
  padding: 0 0 0 40px;
}



.blockhref {
padding:10px 0 0 0;
text-align: center;
}

/*
.outhref {
padding:0 0 0 15px;
background:url('outhref.gif') center left no-repeat;
font-size: 10pt;
}

#webdesing .blockheader {
background:url('webdesign.png') 14px 0 no-repeat;
}
#media .blockheader {
background:url('development.png') 14px 0 no-repeat;
}
#animation .blockheader {
background:url('3d.png') 14px 0 no-repeat;
}
*/

#workspace {

margin:0;
padding:0;
}




/*
.partneri #workspace #pagetitle span, .kariera #workspace #pagetitle span {
background-image:url('partners.png');
}

#workspace h2 {
font-size: 15pt;
clear: both;
margin:0 0 10px 0;
float:left;
width:99%;
font-weight: normal;
border-bottom:1px solid #cfdde0;
}

#workspace h3 {
font-size: 12pt;
clear: both;
margin:10px 0 15px 0;
float:left;
width:99%;
font-weight: normal;

}

#workspace h4 {
font-size: 11pt;
color:orange;
margin:0 0 10px 0;
}


#workspace h5 {
font-weight: normal;
color:#999;
font-size: 8pt;
}


#workspace h2 span {
display: block;

padding:0 10px;
float:left;
margin:0 0 0 15px;

}*/
        
p.formMessageError, p.formMessageOk {
  font-weight: bold;
  font-size: 12px;
}
p.formMessageError {
  color: #540C01;
}

p.formMessageOk {
  color: #467500;
}           

#contactForm {
float:right;
padding:10px 10px 10px 14px;
background-color:#eef6f8;
width:240px;
}

#contactForm label {
width:90px;
float:left;
display: block;
}

#contactForm label#codelabel {
width:120px;
}

dl {
padding:2px 0 2px 0;
}



.im {color:orange;} 

#contactForm input, #contactForm textarea {
border:1px solid #b5dfe6;
}
#contactForm input.submit {
  margin-top: 10px;
}
#contactForm textarea {
width:231px;
padding:2px;
height:80px;
}
.submit {
background-color:#ff901e;
border-color:#f9ddc4;
border-bottom-color:#c66707;
border-right-color:#c66707;
color:white;
padding:2px;
cursor: pointer;
}
#textlabel {margin:15px 0 0 0;}


#contactWork {
float:left;
width:500px;
}

.positontitle {
font-size:8pt;margin:0 0 -10px 0;
color:#777;
}

.toRightColumn {
float:right;
width:260px !important;
padding:12px;
}
.toLeftColumn {
display: block;
float:left;
width:480px;
}


.date {
font-size:8pt;
color:#666;
line-height:20pt;
background:none !important;
}

h3 span {
}
#newlist h3 {
float:none !important;
width:auto !important;
clear: none !important;
margin-bottom:0 !important;
}

.imageNewsList {
margin:14px 10px 0 0;
float:left;
}




#template-news-item .imageNewsList {
margin:0 10px 0 0;
}

.textBlockNewsList img  {
float:left;
padding:0 10px 3px 0;
}

#footerNew
{
  font-size: 8pt;
  color: #737373;
  width: 920px;
  margin: 0 auto 10px auto;
}

#footerNew td
{
   padding-left: 20px;
}
#footerNew td#motive
{
  border-left: 1px solid #737373;
}

#genesfooter {
margin-top: 20px;
}

#footerInHeader 
{
  float:right;
  width:505px;
  margin:7px 0 0 0;
  overflow: hidden;
}
#footerInHeader a {
color:#555 !important;
}
#footerInHeader a:hover {
color:#000 !important;
}

#footerInHeader ul 
{
  overflow: hidden;
  display: block;
  width: 700px;
}

#footerInHeader ul li {
	display: inline;
}

#genesfooter ul li a, #footerInHeader ul li a
{
  color: white;
  text-decoration: none;
  position:relative;
  top:2px;
}

#genesfooter ul li a
{
  color: #41535c;
}

#genesfooter ul li a:hover, #footerInHeader ul li a:hover
{
  text-decoration: underline;
  color: #41535c;
}
#genesfooter ul li a:hover {color: silver}


#genesfooter ul li span, #footerInHeader ul li span
{
  position: relative;
  top: 0px;
}

#footerInHeader li a
{
  background: url('icons-footer.png') no-repeat;
  padding: 0 8px 0 40px;
  display: block;
  line-height: 32px;
  float: left;
}

#footerInHeader li.ccs-0 a { background-position: 0 -80px }
#footerInHeader li.ccs-1 a { background-position: 0 -142px }
#footerInHeader li.ccs-2 a { background-position: 0 -338px }
#footerInHeader li.ccs-3 a { background-position: 0 -272px }
#footerInHeader li.ccs-4 a { background-position: 0 -209px }
#footerInHeader li.ccs-5 a { background-position: 0 -274px }
#footerInHeader li.ccs-6 a { background-position: 0 -18px}


#advert { 
  display: none; 
  position: absolute; 
  z-index:9999; 
  margin:20px; 
  padding: 0px; 
  margin-top:31px; 
  padding-bottom: -5px; }

#advert img {
  border:12px solid #FFFFFF;
}
                  
#mask {
  position:absolute;  
  z-index: 9000; 
  background-color: #000; 
  display: none; 
  top:0px; 
  left:0px;
} 

#advertcloser {
  position:absolute;  
  z-index: 9001; 
  display: none; 
  height:30px;  
}
  
#advertcloser a img{
  border: 3px solid #FFFFFF;
  margin: 3px;
  margin-right: 0px;  
  float: right;
}  


/* news box */
/*
.newsBox
{
  width: 221px;
  background : url('newsFooter.jpg') center bottom no-repeat;
  padding-bottom: 42px;
  margin: 20px auto;
  float: right;
  font-size: 8pt;
  line-height: 1.4em;
  color: #717373;
}


.newsBoxHeader
{
  padding-left: 10px;
  height: 46px;
  line-height: 46px;
  background : url('newsBoxTop.jpg') center top no-repeat;
  
}


.newsBoxBody
{
  background : url('newsBoxMiddle.jpg') center top;
  padding: 0 10px 0 10px;
}

.newsBoxBody .dateBox
{
  background : url('dateBox.jpg') center center;
  width: 89px;
  height: 24px;
  float: left;
  margin-right: 10px;
  text-align: center;
  line-height: 24px;
  
  
}

.newsBoxBody .endRight
{
  overflow: hidden;
}*/



img.newsThumbnail
{
  
  border: 1px solid gray;
} 

a.newsThumbnail
{
  display: block;
  width: 62px;
  
  float: right;
  margin-left: 10px;
} 

/* end news box */


#newsContainer, #serialContainer, #work, #blockfield
{
  overflow: hidden;
  clear: both;
  margin-bottom: 20px;
}

#toplist
{
  display: none;
}


#template-webPartners .cell {
  float:left;
  padding:5px;
  width:23%;
}

.center {
text-align:left; /* ;-) */
padding-top: 10px;
padding-bottom: 10px;
overflow: hidden;
}

div#web-partners {
margin:20px auto 0 auto;
padding:10px;
text-align:center;
width: 850px;

}
div#web-partners a
{
  padding-left: 5px;
  padding-right: 5px;
  color: #878787;
  text-decoration: underline;
}

div#web-partners a:hover
{
  text-decoration: none;
}

.cell a 
{
  font-size: 10pt;
  font-weight: bold;
  color: #9a9a9a;
}

fieldset#web-partners legend {
color:#082E60;
font-size:14px;
font-weight:bold;
margin-left:20px;
padding:0 10px;
}

ul#partners-category a
{
  font-size: 10pt;
  font-weight: bold;
}

.fb_iframe_widget{
float:right;
width:300px;
margin-top:-38px;
}