@import url("css.common.css");

body {background: url(../images/bcg_body.gif) repeat-x 0 -100px black; text-align: center; margin: 5px 0 30px 0; font-size: .6em;}

#page {width: 850px; margin: 0 auto; text-align: left; /*position: relative;*/}
#wrap {/*position:relative;*/}

#logobox {float: left; width: 130px; margin-bottom: 10px;}

#topmenu {float: right; width: 699px; margin-top: 32px; color: #ACADAD;}
#topmenu a {color: #ACADAD; }
#topmenu a:hover {text-decoration: none; color: #666;}

#topmenu #HPtm {float: right; width: 523px; text-align: left;}

#topmenu #ltm {width: 151px; text-align: left; float: left;}
#topmenu #ltm .in {padding-left: 25px;}
#topmenu #mtm {width: 70px; text-align: left; float: left;}
#topmenu #mtm .in {padding-left: 25px;}
#topmenu #rtm {text-align: right; margin-right: 5px; float: right;}
/*#topmenu #ltm {width: 120px; margin-left: 181px; text-align: left; float: left;}
#topmenu #mtm {width: 70px; margin-left: 30px; text-align: left; float: left; }
#topmenu #rtm {width: 200px; text-align: right; margin-right: 5px; float: right;}*/
#topmenu #ltm a, #topmenu #mtm a {text-decoration: none;}

#main {height: 280px; /*position: relative;*/}
/* bg pre "hp" a "kolekcie" */
/*#main.bg1 {background: url(../images/bcg_main_hp.gif) repeat-y left; }
/* bg pre "o nas" */
/*#main.bg2 {background: url(../images/bcg_main_onas.gif) repeat-y left; }
/* bg pre "kontakt" a "predajne miesta" */
/*#main.bg3 {background: url(../images/bcg_main_kontakt.gif) repeat-y left; }*/

#side {height: 280px; width: 150px; float: left; background: white; color: #4C4C4C; }
#side .in {padding: 10px 10px 10px 25px;}
#side .in a {text-decoration: none; color: #4C4C4C;}
#side .in a:hover {color: black;}

#content {width: 699px; float: right;	}
#content #intro {text-align: right; margin-bottom: -2px;}

#content #txt {height: 280px; background: white; width: 452px; float: left;}
#content #txt .in {padding: 12px 25px;}
#content #txt .in h1 {font-size: 1.1em; color: #565A5E;}
#content #txt a {color: #777777;}
#content #txt a:hover {color: #202020; text-decoration: none;}

#content #exhibitions {float: right; width: 246px; height: 280px; background: white;}
#content #exhibitions a {color: #777777; }
#content #exhibitions a:hover { color: black;text-decoration: none;}
/*#content #exhibitions.ie6 {border-left: 6px white solid; height: 280px; background: white;}*/
#content #exhibitions .in {padding: 25px 25px;}

#content #kolekcie {clear: both;}
#content #kolekcie #thumbs {position: relative; padding: 0; margin: 0; height: 280px; width: 150px; float: left; background: #3D3D3D;/*background-color: white;filter: alpha(opacity=5);-moz-opacity:.05;opacity:.05;*/}

/*#content #kolekcie #thumbs.notIE .thumb {margin-bottom: -2px; }*/
#content #kolekcie #thumbs .thumb a {display: block; width: 50px; height: 70px; background-position: 0px 0px;}
#content #kolekcie #thumbs .thumb a.thumbActive {background-position: -50px 0px;}
#content #kolekcie #thumbs .thumb a:hover {background-position: -50px 0px;}
#content #kolekcie #thumbs .thumb a img {visibility: hidden;}
/*#content #kolekcie #thumbs .thumb a img {filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
#content #kolekcie #thumbs .thumb a img:hover {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}*/
#content #kolekcie #thumbs .thumb {float: left;}
#content #kolekcie #image {float: right; position: relative;}


#content #popis {color: #949494; padding-top: 10px; width: 523px; float: right;}
#content #popis a {color: #666666;}