/* undo styles */

*	{ 
margin:0;
padding:0;
}

table 	{
border-spacing:0; 
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
}





/* BODY */

body	{
margin:0px;
padding:0px;
background-color:#1f1f1f;
}


/* TYPOGRAPHY */

h1,h2,h3,h4	{
font-family: "Trebuchet MS", sans-serif;
}

p,a	{
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
}

.bold {
font-weight:bold;
}

/* CLEAR BOTH */
.clear_both	{
clear:both;
width:100%;
height:1px;
}


/* SHOW  HIDDEN  */

.hidden	{
display:none;
}

.show	{
display:block;
}


/* DIVS PAGE LAYOUT */
#page {
width:100%;
}


#page div {
width:100%;
height:775px;
margin-left:auto;
margin-right:auto;
background-repeat: no-repeat;
background-position:center; 
}

#page div.bio {
background-image:url('../pics/background_bio.jpg');
}

#page div.contact {
background-image:url('../pics/background_contact.jpg');
}

#page div.news {
background-image:url('../pics/background_news.jpg');
}

#page div.home {
background-image:url('../pics/background_home0.jpg');
}

#page div.gallery {
height:670px;
background-image:url('../pics/background_gallery.jpg');
}

#page div div.content {
height:775px;
width:960px;
margin-left:auto;
margin-right:auto;
position:relative;
}

#page div div.gallery {
height:670px;
width:960px;
margin-left:auto;
margin-right:auto;
position:relative;
}

#page div div.content a.resize {
color:#a39d9d;
font-size:10px;
text-decoration:none;
font-weight:bold;
margin:0px;
border:0px;
position:relative;
margin-top:5px;
z-index:100;
}

#page div div.content a.banner {
border:0px;
background-image:url('../pics/banner.jpg');
background-position:bottom;
background-repeat: no-repeat;
width:181px;
height:40px;
position:absolute;
top:42px;
left:685px;
z-index:100;
display:block;
}
#page div div.content a.banner:hover {
background-position:top;
}

#page div div.content a.resize:hover {
color:#ffffff;

}

#page div div.content a.resize span {
border:0px;
margin-right:5px;
vertical-align: middle;
background-image:url('../pics/icon_resize.jpg');
width:25px;
height:20px;
display:block;
float:left;
margin-left:8px;
}

#page div div.content a.resize span:hover {
background-image:url('../pics/icon_resize_hover.jpg');
}


/* MENU GROUP MENU GROUP MENU GROUP MENU GROUP MENU GROUP */
/* MENU GROUP MENU GROUP MENU GROUP MENU GROUP MENU GROUP */
#page div div.content div {
}

#page div div.content div.home1 {
height:775px;
width:960px;
background-image:url('../pics/background_home1.jpg');
background-repeat: no-repeat;
background-position:center; 
position:absolute;
top:0px;
left:0px;
display:none;
}

#page div div.content div.home2 {
height:775px;
width:960px;
background-image:url('../pics/background_home2.jpg');
background-repeat: no-repeat;
background-position:center; 
position:absolute;
top:0px;
left:0px;
display:none;
}

#page div div.content div.home3 {
height:775px;
width:960px;
background-image:url('../pics/background_home3.jpg');
background-repeat: no-repeat;
background-position:center; 
position:absolute;
top:0px;
left:0px;
display:none;
}

#page div div.content div.home4 {
height:775px;
width:960px;
background-image:url('../pics/background_home4.jpg');
background-repeat: no-repeat;
background-position:center; 
position:absolute;
top:0px;
left:0px;
display:none;
}

#page div div.content div.menu_home_pasik {
color:#a39d9d;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

#page div div.content div p {
color:#a39d9d;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

#page div div.content div a.a_menu {
color:#a39d9d;
font-size:12px;
text-decoration:none;
font-weight:bold;
margin:0px 4px;
}

#page div div.content div a.a_menu:hover {
color:#ffffff;
}

#page div div.content div a.active {
color:#ff0000;
}

#page div div.content div.menu_bio {
width:395px;
height:20px;
position:absolute;
left:230px;
top:89px;
}

#page div div.content div.menu_contact {
position:absolute;
left:225px;
top:89px;
}

#page div div.content div.menu_news {
position:absolute;
left:565px;
top:89px;

}

#page div div.content div.menu_home_pasik {
position:absolute;
right:0px;
top:87px;
width:477px;
height:21px;
background-color:#1f1f1f;
}

#page div div.content div.menu_home {
position:absolute;
left:490px;
top:89px;
}

#page div div.content div.menu_gallery {
position:absolute;
left:481px;
top:87px;
}


/* GALLERY GROUP GALLERY GROUP GALLERY GROUP GALLERY GROUP GALLERY GROUP */
/* GALLERY GROUP GALLERY GROUP GALLERY GROUP GALLERY GROUP GALLERY GROUP */

#page div div.content div.gallery_holder {
position:absolute;
left:0px;
top:0px;
height:670px;
width:960px;
text-align:center;
}

#page div div.content div.gallery_holder img {
height:670px;
width:960px;
display:none;
position:absolute;
left:0px;
top:0px;
}

#page div div.content div.gallery_holder div {
position:absolute;
left:26px;
top:26px;
height:auto;
width:130px;
background-color:#000000;
/* for IE */
filter:alpha(opacity=65);
/* CSS3 standard */
opacity:0.65;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}

#page div div.content div.gallery_holder div p {
color:#a39d9d;
font-size:12px;
text-decoration:none;
font-weight:bold;
height:auto;
width:auto;
}

#page div div.content div.gallery_holder div a {
color:#a39d9d;
font-size:12px;
text-decoration:none;
font-weight:bold;
height:auto;
width:auto;
}

#page div div.content div.gallery_holder div a:hover {
color:#ffffff;
}

#page div div.content div.gallery_holder div a.active {
color:#ff0000;
}

#page div div.content div.gallery_holder div a.active:hover {
color:#ffffff;
}



/* BIO CLANOK GROUP BIO CLANOK GROUP BIO CLANOK GROUP BIO CLANOK GROUP */
/* BIO CLANOK GROUP BIO CLANOK GROUP BIO CLANOK GROUP BIO CLANOK GROUP */
#page div div.content h1.bio_nadpis {
position:absolute;
left:10px;
top:175px;
color:#ffffff;
font-size:16px;
font-weight:bold;
}

#page div div.content div.navigation {
position:absolute;
left:10px;
top:710px;
height:22px;
width:314px;
}

#page div div.content div.navigation a {
color:#a39d9d;
font-size:12px;
text-decoration:none;
font-weight:bold;
height:auto;
width:auto;
}

#page div div.content div.navigation a:hover {
color:#ffffff;
}


#page div div.content div.navigation a.prev {
float:left;
}

#page div div.content div.navigation a.next {
float:right;
}



#page div div.content div.bio_article {
position:absolute;
left:10px;
top:202px;
height:500px;
width:314px;
overflow: hidden;
}

#page div div.content div.bio_article div {
height:500px;
width:314px;
}
#page div div.content div.bio_article div p {
color:#ffffff;
font-size:12px;
text-decoration:none;
font-weight:normal;
line-height: 17px;
}


/* NEWS CONTENT GROUP NEWS CONTENT GROUP NEWS CONTENT GROUP NEWS CONTENT GROUP */
/* NEWS CONTENT GROUP NEWS CONTENT GROUP NEWS CONTENT GROUP NEWS CONTENT GROUP */
#page div div.content div.news_holder {
position:absolute;
left:445px;
top:205px;
height:500px;
width:305px;
overflow: hidden;
}

#page div div.content div.news_holder div {
height:500px;
width:305px;
overflow: hidden;

}

#page div div.content div.news_holder div div {
height:155px;
width:305px;
margin-bottom:13px;
position:relative;
}

#page div div.content div.news_holder div div img{
height:125px;
width:305px;
margin-top:8px;
z-index:-1;
}



#page div div.content div.news_holder div div div {
margin:0px;
height:22px;
width:305px;
background-color:#000000;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}

#page div div.content div.news_holder div div div.sprava {
height:105px;
width:285px;
border:10px solid #000000;
background-color:#373737;
position:absolute;
top:30px;
left:0px;
}

#page div div.content div.news_holder div div div.sprava p {
position:absolute;
top:10px;
left:10px;
right:10px;
}

#page div div.content div.news_holder div div div.sprava a {
margin-top:68px;
margin-left:10px;
margin-right:10px;
color:#ffffff;
text-decoration:none;
display:block;
}

#page div div.content div.news_holder div div div.sprava a.second {
margin-top:0px;
}

#page div div.content div.news_holder div div div.sprava a:hover {
color:#ff0000;
}


#page div div.content div.news_holder div div div h1 {
color:#ffffff;
font-size:12px;
font-weight:bold;
float:left;
margin-top:3px;
margin-left:6px;
text-transform:uppercase;
}

#page div div.content div.news_holder div div div p {
color:#949494;
font-size:12px;
font-weight:normal;
float:right;
margin-top:3px;
margin-right:6px;
}


#page div div.content div.news_navigation {
position:absolute;
left:445px;
top:710px;
height:22px;
width:305px;
}

#page div div.content div.news_navigation a {
color:#a39d9d;
font-size:12px;
text-decoration:none;
font-weight:bold;
height:auto;
width:auto;
}

#page div div.content div.news_navigation a:hover {
color:#ffffff;
}


#page div div.content div.news_navigation a.prev {
float:right;
}

#page div div.content div.news_navigation a.next {
float:left;
}




/* CONTACT OBSAH GROUP CONTACT OBSAH GROUP CONTACT OBSAH GROUP CONTACT OBSAH GROUP */
/* CONTACT OBSAH GROUP CONTACT OBSAH GROUP CONTACT OBSAH GROUP CONTACT OBSAH GROUP */
#page div div.content div.contact_article {
position:absolute;
left:10px;
top:202px;
height:500px;
width:380px;
}

#page div div.content div.contact_article p {
color:#ffffff;
font-size:12px;
text-decoration:none;
font-weight:normal;
}

#page div div.content div.contact_article a {
color:#ffffff;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

#page div div.content div.contact_article a:hover {
color:#ff0000;
}

#page div div.content div.contact_article div {
height:100px;
width:auto;
position:absolute;
top:29px;
left:85px;
}

#page div div.content div.contact_article div p.kontakty {
color:#a39d9d;
font-size:16px;
text-decoration:none;
font-weight:bold;
margin-bottom:8px;
}

#page div div.content div.contact_article div a.kontakty {
color:#ffffff;
font-size:16px;
text-decoration:none;
font-weight:bold;
}

#page div div.content div.contact_article div a.kontakty:hover {
color:#ff0000;
}

#page div div.content div.contact_article table {
border-collapse: separate;
border-spacing: 5px
}

#page div div.content div.contact_article input {
width:280px;
border:1px solid #000000;
}

#page div div.content div.contact_article input.submit {
width:140px;
background-color:#7c7b7b;
border:1px solid #ffffff;
font-weight:bold;
color:#ffffff;
padding:0px;
}

#page div div.content div.contact_article input.submit:hover {
background-color:#000000;
border:1px solid #ffffff;
}






/* FOOTER GROUP FOOTER GROUP FOOTER GROUP FOOTER GROUP  */
/* FOOTER GROUP FOOTER GROUP FOOTER GROUP FOOTER GROUP  */
#footer {
background-image:url('../pics/background_footer.jpg');
background-repeat: repeat-x;
height:200px;
width:100%;
}

#footer div {
background-repeat: no-repeat;
background-position:center; 
height:200px;
width:100%;
margin-left:auto;
margin-right:auto;
position:relative;
} 


#footer div.bio {
background-image:url('../pics/background_footer_bio.jpg');
} 

#footer div.news {
background-image:url('../pics/background_footer_news.jpg');
} 

#footer div.contact {
background-image:url('../pics/background_footer_contact.jpg');
} 

#footer div.home {
background-image:url('../pics/background_footer_home.jpg');
} 




#footer div div.menu {
width:960px;
height:25px;
position:absolute;
left:50%;
top:97px;
margin-left:-480px;
text-align:center;
}

#footer div div.menu p {
color:#a39d9d;
font-size:14px;
}

#footer div div.menu a {
color:#a39d9d;
font-size:14px;
text-decoration:none;
font-weight:bold;
}

#footer div div.menu a:hover {
color:#ffffff;
}

#footer div div.menu a.active {
color:#ffffff;
}


#footer div div.podpis {
width:960px;
height:25px;
position:absolute;
left:50%;
top:150px;
margin-left:-480px;
text-align:center;
}

#footer div div.podpis p {
color:#a39d9d;
font-size:12px;
}

#footer div div.podpis a {
color:#a39d9d;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

#footer div div.podpis a:hover {
color:#ffffff;
}


#footer div div.partners {
width:960px;
height:50px;
position:absolute;
left:50%;
top:20px;
margin-left:-480px;
text-align:center;
}

#footer div div.partners div {
height:40px;
width:810px;
margin-left:auto;
margin-right:auto;
float:none;
}

#footer div div.partners div a {
height:37px;
width:90px;
display:block;
margin-right:5px;
margin-left:5px;
float:left;
}

#footer div div.partners div a.mf {
background-image:url('../pics/partners/mf.jpg');
}

#footer div div.partners div a.mf:hover {
background-image:url('../pics/partners/mf1.jpg');
}

#footer div div.partners div a.linde {
background-image:url('../pics/partners/linde.jpg');
}

#footer div div.partners div a.linde:hover {
background-image:url('../pics/partners/linde1.jpg');
}


#footer div div.partners div a.fit {
background-image:url('../pics/partners/fit.jpg');
}

#footer div div.partners div a.fit:hover {
background-image:url('../pics/partners/fit1.jpg');
}

#footer div div.partners div a.osb {
background-image:url('../pics/partners/osb.jpg');
}

#footer div div.partners div a.osb:hover {
background-image:url('../pics/partners/osb1.jpg');
}

#footer div div.partners div a.vipzone {
background-image:url('../pics/partners/vipzone.jpg');
}

#footer div div.partners div a.vipzone:hover {
background-image:url('../pics/partners/vipzone1.jpg');
}

#footer div div.partners div a.katsudo {
background-image:url('../pics/partners/katsudo.jpg');
}

#footer div div.partners div a.katsudo:hover {
background-image:url('../pics/partners/katsudo1.jpg');
}


#footer div div.partners div a.puma {
background-image:url('../pics/partners/puma.jpg');
}

#footer div div.partners div a.puma:hover {
background-image:url('../pics/partners/puma1.jpg');
}


#footer div div.partners div a.eastlabs {
background-image:url('../pics/partners/eastlabs.jpg');
}

#footer div div.partners div a.eastlabs:hover {
background-image:url('../pics/partners/eastlabs1.jpg');
}


#footer div div.partners div a.nostalgia {
background-image:url('../pics/partners/nostalgia.jpg');
}

#footer div div.partners div a.nostalgia:hover {
background-image:url('../pics/partners/nostalgia1.jpg');
}
#footer div div.partners div a.accom {
background-image:url('../pics/partners/accom.jpg');
}

#footer div div.partners div a.accom:hover {
background-image:url('../pics/partners/accom1.jpg');
}

#footer div div.partners div a.vipzone {
background-image:url('../pics/partners/vipzone.jpg');
}

#footer div div.partners div a.vipzone:hover {
background-image:url('../pics/partners/vipzone1.jpg');
}