/* CSS for Frederique Constant - Chopin Limited Edition (http://)
Jindrich Sladek (hes@digisvet.cz)
Digitalni svet s.r.o. (http://digisvet.cz) */

/* @group Reset */
html,body,div,h6,h5,h4,h3,h2,h1,p,blockquote,ul,ol,li,dl,dd,dt,input,select,textarea,pre,form,fieldset,object{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
img, fieldset{border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
del,ins{text-decoration:none;}
/* @end */

/* @group Blocks */
body { color: black; background: black url(images/bg_body.jpg) no-repeat center top; font: .75em/1.5em "Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, sans-serif; }
#head, #content, #foot { width: 840px; padding: 0; margin: 0 auto; text-align: left; overflow: auto; position: relative; }
#head { height: 80px; background: url(images/bg_chopin.gif) no-repeat;}
#content { height: 590px; background: black url(images/bg_page.jpg); }
#innerbox { position: absolute; width: 690px; top: 130px; left: 50px; padding: 25px;}
#innerbox2 { position: absolute; width: 540px; top: 555px; left: 50px; }
#innerbox3 { position: absolute; width: 130px; top: 552px; left: 643px; }
#foot { width: 740px; height: 75px;background: black url(images/bg_footer.gif); }
/* @end */

/* @group top */
h1 a { display: block; position: absolute; top: 13px; left: 350px; width: 140px; height: 50px;  }
h1 span { display: none; }
#head a { display: block; width: 220px; height: 80px; }
#head span { display: none; }
#menu { position: absolute; top: 82px; left: 53px; }
#menu li { float: left; text-align: center; margin: 0 0 0 14px;}
#menu a { width: 130px; height: 26px; display: block; }
#menu span { display: none; }
#menu .m_manufaktura { background: url(images/menu_manufaktura.gif);} 
#menu .m_chopin2010 { background: url(images/menu_chopin2010.gif);} 
#menu .m_chopinle { background: url(images/menu_chopinle.gif);} 
#menu .m_esklep { background: url(images/menu_esklep.gif);} 
#menu .m_pobierz { background: url(images/menu_pobierz.gif);} 
#menu .m_kontakt { background: url(images/menu_kontakt.gif);}
#menu .m_manufaktura:hover { background: url(images/menu_manufaktura_over.gif);} 
#menu .m_chopin2010:hover { background: url(images/menu_chopin2010_over.gif);} 
#menu .m_esklep:hover { background: url(images/menu_esklep_over.gif);} 
#menu .m_pobierz:hover { background: url(images/menu_pobierz_over.gif);} 
#menu .m_chopinle:hover { background: url(images/menu_chopinle_over.gif);} 
#menu .m_kontakt:hover { background: url(images/menu_kontakt_over.gif);}
#menu .active.m_manufaktura { background: url(images/menu_manufaktura_over.gif);} 
#menu .active.m_chopin2010 { background: url(images/menu_chopin2010_over.gif);} 
#menu .active.m_chopinle { background: url(images/menu_chopinle_over.gif);} 
#menu .active.m_esklep { background: url(images/menu_esklep_over.gif);} 
#menu .active.m_pobierz { background: url(images/menu_pobierz_over.gif);} 
#menu .active.m_kontakt { background: url(images/menu_kontakt_over.gif);}
#innerbox3 a { width: 130px; height: 26px; display: block; background: url(images/menu_pobierz.gif);}
#innerbox3 span { display: none; }
#innerbox3 a:hover { background: url(images/menu_pobierz_over.gif);} 
#innerbox3 .active { background: url(images/menu_pobierz_over.gif);} 


/* @end */

/* @group Basic elements */
h1, h2, h3, h4, h5, h6 { color: #3366cc; font-weight: bold; margin: 0 0 .8em 0; padding: 0 0 0; }
h1 { font-size: 2em; }
h2 { font-size: 1.8em; color: white;}
h3 { font-size: 1.3em; color: black;}
h4 { font-size: 1em; }
h5 { font-size: .9em; color: black; }
h6 { font-size: .8em; color: #666666; }

p { font-size: 1em; line-height: 1.5em; margin-bottom: 1em;}
p.perex { font-size: 1.2em; color: #5e5e5e; }
a { color: black; }
a:hover { color: #6b6b6b; }

dt { float: left; width: 180px; text-align: right; font-weight: bold;}
dd { float: left; width: 230px; margin: 0 0 0 .5em;}
#innerbox ul { margin-top: 3.8em; }
#innerbox li { clear: both; margin: 0 0 5px 0; overflow: auto; width: 500px; }

#innerbox2 { color: white; font-size: .9em; }
#innerbox2 a { color: white; text-decoration: none; }
#innerbox2 a:hover { color: #fffcd6; text-decoration: underline; }

.imgleft { float:left; margin-right: 20px; }
.imgright { float:right; margin-left: 20px; }
.justified { text-align: justify; }

.indeximg { background: url(images/bg_intro.jpg); height: 360px;}
.chopin2010 { background: url(images/bg_chopin2010.jpg); height: 360px;}
.chopinle { background: url(images/bg_chopinle.jpg); height: 360px;}
.chopin2010 p { width: 370px; }
.chopinle p { width: 370px; }
.chopinle4 { width: 370px; }

.zegarki { position: absolute; top: 60px; left: 480px;}

#navi { position: absolute; top: 23px; left: 609px; overflow: auto; width: 106px; margin: 0;}
#navi a { display: inline; width: 33px; height: 26px; float: left; }
#navi span { display: inline; ;font-weight: bold; font-size: 1.6em; width: 40px; text-align: center; float: left; margin-top: 3px; }
#navi a span { display: none; }
#navi .bt_left { background: url(images/bt_left.gif); }
#navi .bt_right { background: url(images/bt_right.gif); }
#navi .bt_left:hover { background: url(images/bt_left_over.gif); }
#navi .bt_right:hover { background: url(images/bt_right_over.gif); }
/* @end */

/* @group Foot */
#foot p { font-size: .9em; text-align: center; margin: 0 0 1em;}
/* @end */