/* DEFAULT Zakladni deklarace */
* {
margin: 0;
padding: 0;
list-style-type: none;
}

html {
overflow: -moz-scrollbars-vertical; /* Vertikalni scrollbar vzdy i v Gecku, neskace pak design s delsi/kratsi strankou */
font: 9pt Tahoma,Arial,sans-serif;
line-height: 1.4em;
color:white;
overflow: scroll;
}

pre {
font-size: 9px;
line-height: 12px;
color:red;
}

hr {
display: none;
}
hr.clear {
clear: both;
}
.left {
text-align: left !important;
}
img {
border:none;
}
blockquote {
padding:10px 0 10px 20px;
}
p {
margin:0 0 10px 0;
}

h1 {
display: none;
font-size: 22pt;
width:400px;
float:left;
padding:12px 0 0 60px;
}

h2 {
font-size: 24px;
line-height: 26px;
font-weight: normal;
margin:0 0 10px 0;
padding:5px 0 0 0;
}

h3 {
font-size: 17px;
line-height: 20px;
font-weight: normal;
padding:5px 0 10px 0;
}
h3 a {
color: #FFFFFF;
}

.hp-box h2 {
background: url('h3-icon.jpg') left center no-repeat;
padding:0 0 0 45px;

}

h4 {
color:#a96d6d;
font-family: arial;
font-size: 15px;
font-weight: normal;
}
h5 {
font-size: 11pt;
line-height: 15pt;
color:balck;
}

.toLeft {
float:left;
}
.toRight {
float:right;
}




#work img {
margin:0;
padding:1px;
border:1px solid silver;
}
#work hr {
display: block;
visibility: hidden;
height:30px;
}
#work ul {
clear: both;
margin:20px 0 10px 20px;
}


#header {
/*height:450px;
border:1px solid red;*/
}

.boxNewsList .contentNewsList {
padding:0 0 15px 0;
}

#onPageGaleries {/* 
float:left;
width:425px; */
}
#work #onPageGaleries ul {
clear: none;
}

#secoundMenuBox li, .onPageGaleriImages ul li, #produktList ul li {
list-style: none url('') !important;
margin:0;
}

#work ul li {
margin:0 0 5px 15px;
list-style-image: url('li.jpg');
}

.hide {
visibility: hidden;
}




/* DEFALUT */

body {
background-color:#121212;
background-image: url('bg.jpg');
background-position: center;
background-repeat: repeat-y;
}

a {
color:#ec6a8c;
}

#top {
/*height:363px;*/
width:1000px;
height:126px;
background-image: url('top.jpg');

}

#top h1{
font-size:20px;
font-weight: normal;
margin-left:307px;
padding-top:95px; 
display:block;
}

#page {
width:1000px;
margin:0 auto;
background-image: url('body-bg.jpg');
background-repeat: repeat-y;
}
#main {

}



#template-homepage #work {
width:auto;
}
#template-homepage #work ul li {
list-style: none url('') !important;
margin:0;
}

#logo {
position: relative;
top:6px;
height:68px;
left:24px;
}

#topMenu {
position: relative;
top: 85px;
right: 0px;
}

#mainMenu {
height:40px;
margin:0 20px;
padding:0;
clear: both;
text-align: center;
text-transform: uppercase;
background:#121212;
position: absolute;
top:0;
z-index:5;
}
#mainMenu li, #topMenu li {
display:inline;
position:relative;
z-index: 8;
height:40px;
}
#mainMenu li a, #topMenu li a {
display: inline-block;
color:#b4b4b4;
padding:0 15px;
text-decoration: none;
font-size:15px;
line-height:40px;
height:40px;
}
#mainMenu ul li:hover ul, #mainMenu ul .mnhover ul, #topMenu ul .mnhover ul, #topMenu ul li:hover ul
{
background:#272727;
display:block;
clear: both;
position:absolute;
top:23px;
left:0px;
padding:0 10px;
}

#mainMenu ul li ul li a, #mainMenu ul li.active ul li a, #topMenu ul li ul li a, #topMenu ul li.active ul li a  {
display: block;
width:170px;
background-color: #2d3032;
color:white;
font-weight: normal;
text-transform: none;
text-align: left;
font-size: 15px;
margin:0px;
}

#mainMenu ul li.active ul li a:hover, #topMenu ul li.active ul li a:hover{
background-color: #1d1d1d;
color:white;
}

#mainMenu li a:hover, #mainMenu .active a, #topMenu li a:hover, #topMenu .active a  {
color:white !important;
background-color: #1d1d1d;
}
#mainMenu ul li ul, #topMenu ul li ul{
display:none;
}

#container {
padding:18px 0 0 0;
}
#area {
padding-bottom:20px;
}

#template-homepage #navigace {
visibility: hidden;
}
#navigace {
font-size: 8pt;
padding:10px 25px;
color:white;
}
#navigace a {
color:#CCC;
}
#navigace a:hover {
text-decoration: none;
}


#rightColumn {
float:left;
width:255px;
margin:0 0 0 25px;
}
#rightColumn .columnBox .columnBoxContent h4, #rightColumn .columnBoxContent h3, #rightColumn .columnBoxContent h5 {
font-size: 13pt;
color:white;
background:none;
padding:0;
}
#rightColumn .columnBox {
padding:20px;
background-color:#191919;
}

#rightColumn .columnBox .columnBoxContent {
text-align: center;
}

#partneri {
background:url('columnPartnes.jpg') top center no-repeat;
text-align: center;
padding:2px 0;
margin:0 0 15px 0;
}
#partneri a {
color:white;
text-decoration: none;
}
#partneri a:hover {
color:#CCC;
}

#content {
width:680px;
float:right;
margin-right:37px;
}





/* HOMEPAGE */
#template-homepage #content {

}





/* [END] HOMEPAGE */



.columnBoxContent li {
clear: both;
margin:0 0 20px 0;
text-align: center;
}
.columnBoxContent img {
padding:1px;
border:3px solid #ed5454 !important;
}
.columnBoxContent h5 a {
color:white !important;
}
.columnBoxContent h5 {
margin:0 0 5px 0 !important;
border-bottom: 1px solid white;
}

#postup {
float:left;
width:280px;
padding:0 0 0 42px;
}
#postup li {
font-size: 10.5pt;
padding:0 0 19px 20px;
}

#workspace {padding:0 0 0 13px;}

#secoundMenu h4 {
color:white;
padding:0 0 0 20px;
}

#footer h3.nl {
font-size: 10pt;
}

#rightColumn img {
border: none !important;
}

#projekty {
margin:20px 0 0 0;
width:670px;
float:left;
clear: both;
}
#projekty h3 {
padding-top:0;
background-position: 0 5px;
}
#projekty ul {
float:left;
margin:0;
padding:10px 5px;
background:url('ulObr.jpg') top left repeat-x;
}
#projekty ul li {
float:left;
}
#projekty ul img {
background:url('obrBg.jpg') top left no-repeat;
margin:0;padding:12px;
}


#onPageGaleries ul li img {
border:1px solid silver;
padding:1px;
}

#galeriList img, #produktList  , #detailProduktImg img {
text-align: center;
margin:0;padding: 12px 12px 12px 7px;
border:none;
}
.cameraImgThumb img {
text-align: center;
margin:0;padding:0;
border:none;
}

#rady {
float:left;
width:306px;
}
#smallNews {
width:306px;
float:left;
}
#smallNews ul, #smallNews ul li {
padding:0;margin:0;
} 
.date {
font-weight: bold;
color:#999693;
}

#footer {
background-image: url('footer.jpg');
height:367px;
clear: both;
margin-bottom:-12px;
color:#8c8b8b;
}
#geneslink {
float:right;
margin-right:30px;
}
.btnPrint {display: none;}

#secoundMenu {
width:256px;
float:left;
}
#secoundMenu .active a, #secoundMenu .active ul .active a {
color:black;
text-decoration: underline;
}

#secoundMenu .active ul li a {
color:#ec6a8c;
text-decoration: none;
}

#secoundMenu h4 {
padding:0 0 0 10px;
line-height:30px;
font-size: 18pt;
}
#secoundMenu h4 {
margin:0;
}
#secoundMenu ul {
margin:10px 0 0 10px;
}

#secoundMenu ul li {
padding:5px 0;
}

#secoundMenu ul li a {
text-decoration: none;
padding:5px 0 5px 25px;
float:left;
clear: both;
width:150px;
display: block;
}
#secoundMenu ul li a:hover {
text-decoration: underline;
}
#secoundMenu ul li ul li a {
background:none;

padding:0 0 0 40px;
}
#secoundMenu ul li ul {
float:left;
clear: both;
padding:10px 0 0 0;margin:0;
}
#galeriList {
width:440px;
float:left;
}

.onPageGaleri {/* 
float: left; */
clear: both; 
}

.galeriListBox h3, .onPageGaleri h3 {
margin:20px 0 0 0;
padding-top:0;
background-position:0 4px;
}
#galeriList img, #onPageGaleries img, #template-homepage img, #produktList ul img {
border:none;
}

.galeriListImage {
float: left;margin:0 10px 0 0;
}
.galeriListItem {
float:left;
width:440px;
clear: both;
}
#work .onPageGaleriImages li {
padding: 10px; 
background-color: #303030;
float:left;
line-height:120%;
text-align: center;
margin-top: 10px;
height:130px;
width: 124px;
overflow: hidden;
}

#work .onPageGaleriImages li:hover {
background-color: #3f3f3f;
}
.imagetitle {font-weight: bold;}

.onPageGaleriImages ul {
margin:10px 0 0 0 !important;
padding:0 !important;
}

.cameraImgThumb {
width:324px;
height:140px;
text-align: center;
margin:5px 0;
}
.cameraImgThumb a {
text-align: center;
width:99%;
display: block;
background:#222222;
padding:0;
margin:0;
}
.cameraImgThumb a:hover {
background:#282828;
}


#produktList {
padding:0;margin:0;
}

#produktList h3 {
padding-bottom:0px;
padding-left:6px;
}
#produktList ul {
margin:0;padding:0;

}
#work #produktList li {
margin: 0;
float:left;
width:336px;
height: 298px;
overflow: hidden;
background: url('produkt_item_top.jpg') top no-repeat;
margin-bottom: 5px;
padding:0;
margin-right: 10px;
}



div.plcontent {
	background: #1A1A1A;
	float: left;
	padding: 7px;
	width: 322px;
}
div.plcontainer {
	background: url('produkt_item_bottom.jpg') bottom no-repeat;
	float: left;
	padding-bottom: 7px;
}

#produktList li img {
margin:0;
text-align: center;
 padding: 0 7px 0 10px;
}
#homeWorkHeaderBlock {
float:left;
clear: both;
}

#homeWork {
float:left;
width:340px;
}


.productListBoxContent, #detailProduktContent {
float:left;
width:190px;
padding:0 0 0 10px;
}

#detailProduktBox {
width:100%;
clear: both;


}

#detailProduktImg {
float:left;
margin:0 10px 0 0;
}
#detailProduktImg img {
margin:0;padding:0;
}

#detailProduktContent {
width:380px;
margin:0;padding:0;
}
#detailProduktTableContent {
padding:20px 0 0 0;
clear: both;
}


#template-produkt #work {
padding-top:20px;
}

#template-eshopkategorie #work { 
padding: 10px 0 10px 0;
width: 700px;
}


#template-eshopkategorie #content { 
margin-right: 20px;
width: 697px;
}


.productListBoxContent h3, #detailProduktContent h2 {
padding-top:0;
background-position:top left;
}

.contackWork {
padding:0 20px 0 0;
}
#contaktForm {
padding:0 0 20px 0;
}
#contaktForm dt {
font-weight: bold;
}

#contaktForm  input, #contaktForm textarea {
border:1px solid #e96b89;
background:#252525;
padding:5px;
color:white;
}
#contaktForm #ulozit {
border:none;
width:230px;
margin:20px 0 0 0;
}
.produktCena {
font-weight: bold;
}

.dateNewsList {
color:#888;
font-weight: bold;
}

/* #template-news-list #newlist {
margin-top:-20px;
width:420px;
float: left;
} */
#newlist ul li {
padding:0;margin:0;
list-style: none !important;

}
#smallNews {
padding:0 0 0 35px;
}

#newlist ul {
padding:0;margin:0;
}
#smallNews ul li {
padding:0 0 10px 0;
}
/* 
#template-news-item h2 {
float:left;
margin-top:-20px;
width:430px;
} */
#centerColumn {
width:430px;
}


.partneri #secoundMenu {display: none;}
.partneri #work {text-align: center;}
.partneri #partTable {
width:570px;
}


#partTable {
margin:20px 0;
margin:0 auto;
}
#partTable img {
padding:0;
margin:7px 7px 0 0;
border:3px solid #EEE !important;
}



#galerieBt {
float:left;
position: absolute;
top:285px;
margin:0 0 0 36px;
}
#actionBt {
margin:0 0 0 847px;
float:right;
position: absolute;
top:245px;
}
#mainMenu {
position: relative;
z-index: 3;
}

#mainMenu ul .active {
}
#mainMenu ul .active a {
color:black;
}

#secoundMenu ul .active ul {
display: block;
}
#secoundMenu ul li ul {
display: none;
}

#banner {
background-image: url('banner.jpg');
height:267px;
width:1000px;
}

#flashbanner {
position: absolute;
z-index: 2;
top:126px;
height:326px;
padding:0 0 0 25px;

}

.clear{
clear:both;
}

#footer a{
color:#8c8b8b;
text-decoration: none;
}

#footer a:hover{
text-decoration: underline;
}

#footer #footerMenu {
padding:0 0 20px 0;
clear: both;
float:left;
}

#footer #footerMenu a{
color:#8c8b8b;
text-decoration: none;
border-right:1px solid #8c8b8b;
padding-right:5px;
padding-left:3px;
}

#footer #footerMenu a:hover{
text-decoration: underline;
}

#footer .footermenu{
height:228px;
}

#footer .logo{
float:left;
padding-top:24px;
margin-left:50px;
}

#footer .mapawebu{
width:300px;
padding-top:30px;
float:left;
margin-left:43px;
}

#footer .contact{
width:300px;
padding-top:30px;
float:left;
margin-left:43px;
}

#footer h3 {
font-size: 15px;
line-height: 25px;
font-weight: bold;
padding:0px;
margin:5px 0 0 0;
color:white;
}

#footer ul, #footer li{
display:inline;
}

#footer .genes{
display:block;
height:30px;
line-height: 30px;
float:left;
}

#copyright{
margin-left:30px;
}

.addthis_toolbox{
float:right;
padding-top:100px;
margin-right:30px;
}

.addthis_toolbox a{
color:white;
}

.genes-icon{
width:80px;
margin-left:140px;
height:31px;
display:block;
background-image: url('genes-icon-bw.jpg');
}

.genes-icon:hover{
background-image: url('genes-icon-rgb.jpg');
}

.fb-icon{
width:105px;
height:37px;
display:inline-block;
background-image: url('fb-icon-bw.jpg');
}

.fb-icon:hover{
background-image: url('fb-icon-rgb.jpg');
}

.twitter-icon{
width:99px;
height:37px;
display:inline-block;
background-image: url('twitter-icon-bw.jpg');
}

.twitter-icon:hover{
background-image: url('twitter-icon-rgb.jpg');
}

#leftColumn{
float:left;
}

.leftColumnContent{
width:256px;
background-color: #191919;
background-image: url('leftColumn-top.jpg');
background-position: top;
background-repeat: no-repeat;
padding-bottom:5px;
margin-left:25px;
}

.leftColumn-bottom{
width:256px;
height:7px;
margin-left:25px; 
background-image: url('leftColumn-bottom.jpg');
}

.leftColumnContent span.h{
font-size: 25px;
margin:20px;
width:215px;
display:inline-block;
}

#secoundMenuBox a{
color:white;
text-decoration: none;
width:205px;
height:25px;
line-height: 25px;
display:block;
margin-left:20px;
padding-left:10px;
}

#secoundMenuBox .active li a {
color:white;
}

#secoundMenuBox .active a, #secoundMenuBox .active .active a {
color:#ec6a8c;
}




.leftColumnContent a:hover{
background-image: url('submenu-hover.jpg');
}

.leftColumnContent p{
margin-left: 20px;
margin-right: 20px;
font-size:14px;
text-align: justify;
}

.leftColumnContent2nd{
width:256px;
background-color: #191919;
background-image: url('leftColumn-top.jpg');
background-position: top;
background-repeat: no-repeat;
padding-bottom:5px;
margin-left:25px;
margin-top:10px;
}

.leftColumnContent2nd span.h{
font-family: Tahoma;
font-size: 15px;
font-weight: bold;
margin:20px;
width:215px;
display:inline-block;
border-bottom:1px solid white;
}

.leftColumnContent2nd p{
font-family: tahoma;
margin-left: 20px;
margin-right: 20px;
font-size:12px;
text-align: justify;
}

#leftColumn .leftColumnContent li ul{
display:none;
}

#leftColumn .leftColumnContent li.active ul{
display:block;
}


#leftColumn .leftColumnContent li ul li a{
border-left:2px solid #7e112e;
width:185px;
padding-left: 10px;
margin-left:30px;
}

#leftColumn .leftColumnContent li ul li a:hover{
border-left:2px solid silver;
background:none;
background-repeat: no-repeat;
}

#work{
background-color:#191919;
padding-left: 15px;
padding-right: 15px;
margin-bottom:0px;
width:649px;
text-align: justify;
background-image: url('work-bottom.jpg');
background-position: bottom;
background-repeat: no-repeat;
padding-bottom:15px;
}

#work-top{
width:679px;
height:6px;
background-image: url('work-top.jpg');
}

#homeColumn{
float:left;
}

#homeColumn img{
margin-right:20px;
margin-left:20px;
}

.homeColumnContent{
width:256px;
background-color: #191919;
background-image: url('leftColumn-top.jpg');
background-position: top;
background-repeat: no-repeat;
padding-bottom:5px;
margin-left:25px;
}

.homeColumn-bottom{
width:256px;
height:7px;
margin-left:25px; 
background-image: url('leftColumn-bottom.jpg');
}

.homeColumnContent span.h{
font-family: Times New Roman;
font-size: 25px;
margin:20px;
width:215px;
display:inline-block;
border-bottom:1px solid white;
}

.homeColumnContent p{
font-family: Times New Roman;
margin-left: 20px;
margin-right: 20px;
font-size:14px;
text-align: justify;
}

.homeColumnContent2nd{
width:256px;
background-color: #191919;
background-image: url('leftColumn-top.jpg');
background-position: top;
background-repeat: no-repeat;
padding-bottom:5px;
margin-left:25px;
margin-top:10px;
}

.homeColumnContent2nd span.h{
font-family: Tahoma;
font-size: 15px;
font-weight: bold;
margin:20px;
width:215px;
display:inline-block;
border-bottom:1px solid white;
}

.homeColumnContent2nd p{
font-family: tahoma;
margin-left: 20px;
margin-right: 20px;
font-size:12px;
text-align: justify;
}


#work ul, #work li{
margin-bottom:0px;
padding-bottom:0px;
}

div.clear
{
	clear: both;
}

.hp-bg
{
	background-color: transparent !important;
	background-image: none !important;
}

.hp-box {
	margin-bottom: 10px;
	background-color: #191919;
	padding:20px;
	width: 280px;
}

.hp-box-left
{

	float: left;
}

.hp-box.hp-box-right
{
	float: right;
	margin-right: -30px;
}

.hp-box.hp-box-full
{
	width: 625px;
	float: left;
}

.msgWarning
{
	font-weight: bold;
	color: #AB3A1C;
}

.msgConfirmation
{
	font-weight: bold;
	color: #73A149;
}
hr.cleaner {
	clear: both;
}



#secoundMenu ul {
	margin: 0px;
}

#secoundMenu h4 {
	border-bottom: 1px solid #FFFFFF;
}

.eshopContainer #work {
	background: none;
}
#produktList .produktPopis {
	clear: left;
	padding: 0px 8px;	
	height: 40px;
}
.produktDetail a span {
	line-height:24px;
	float: left;
}
.produktDetail a img {
	padding-left: 10px !important;
}
.produktDetail a {
	color: #FFFFFF;
	font-size: 14pt;
	text-decoration: none;
	float: right;
	margin-top: 5px;
}

.plcontent h3 a {
    font-size: 13pt;
    font-weight: bold;
    text-decoration: none;
    color:#EC6A8C;
}

.plcontent h3 a:hover {
	text-decoration: underline;
}



div#produkt_addthis {
margin: 0;
margin-top: 10px;
margin-right: -10px;
padding: 0;
float: right;
}


#productGallery ul li {
float: left;
text-align: center;
overflow: hidden;
list-style-type: none;
list-style-image: url();
width: 125px;
height: 165px;
}

#productGallery {
clear: both;
margin-top: 50px;
height: 130px;
margin-bottom: 50px;
}

#productGallery #slider {
height: 168px;
float: left;
}



.slideLeft, .slideRight {
width: 32px;
height: 53px;
float: left;
margin-top: 35px;
cursor: pointer;
}

.slideLeft {
background: transparent url('toLeft.jpg') no-repeat center center; 
}

.slideRight {
background: transparent url('toRight.jpg') no-repeat center center; 
float: right;
}

#hp-slider {
height: 210px; 
float: left;
}

#hpGallery {
margin: 20px 0 20px 15px; 
}

.letak img {
border: none !important;
}

.letak div {
text-align: center;
padding: 5px 0 5px 0; 
}

.letak a.pdfLink {
padding-left: 25px;
color: white;
text-decoration: none;
background: transparent url('pdfIco.jpg') no-repeat left center; 
}

#hp-slider ul li {
text-align: center;
width: 180px;
height: 210px;
}      

.hp-box .slideLeft, .hp-box .slideRight {
margin-top: 80px;
float: left;
}

#template-shopsearch #content {
width: auto;
float:none;
margin:0 22px 0 11px;
}

#template-shopsearch #work {
width:auto;    
padding-top:15px;
width:630px;
float:right;
}
#template-kontact-form #work {
padding:15px;
margin-bottom:10px;
}
#contaktForm {
float:left;
margin-bottom:10px ;
padding:15px;
background-color: #191919;
}


#workleft {
float:left;
padding:15px;
width:250px;
background-color: #191919;
}
#workshop {
background-color: #191919;
padding:15px;
clear: both;
margin:20px 0 0 0;
float:left;
width:925px;
}
#workshop table, #detailProduktTableContent table {
margin:0 auto;

}

#workshop table td, #detailProduktTableContent table td {
padding:10px;
width:260px;
height:90px;
background:#252525;
border:10px solid #191919;
border-bottom:1px solid #949494;
}
#detailProduktTableContent table td {
height:auto;
width:300px;
}

#area .bigbutton {
margin:5px auto 10px auto ;
display: block ;
clear: both ;
background:#e56681 url('ping_button.jpg') 0 0 no-repeat !important;
width:150px ;
height:51px ;
text-align: center ;
padding:0 70px 0 10px ;
line-height:51px ;
font-size:12pt ;
text-decoration: none ;
color:white !important;
}


.onPageGaleriTitle {
border-bottom: 1px solid white; 
display: block;
}