body, html { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 0px; padding: 0px; border: 0px none; text-align: center; position: relative; font-size: 100% }
body { font-size: 80%; color: #323c49; background: #fff url(../img/backg/wall.jpg) center top; border-top:15px solid #323c49 }
body, div, p, img, table, form, h1, h2 { margin-top:0px; margin-bottom:0px; padding:0px; text-align:left } 



/* Tags defaults */
.clear { clear: both; width: 100%; height: 0 }
a img { border: none }
a { color: #f36f20; text-decoration: none; }
a:hover { text-decoration: underline; color: #f36f20; }
h1, h2, h3, p, div, img, span, table { margin: 0; padding: 0 }


/* Header */
#Logo { background: url(../img/logo/atomrat.png) no-repeat; width: 310px; height: 169px; position: absolute; top:0; left:0; z-index: -10 }

#Header { position: relative; min-height: 110px; min-width: 460px; max-width: 960px; margin: 0 auto 0 auto; left top no-repeat; }

#Personal { float: right; text-align: right; font-size: 11pt; margin: 20px 5px 15px 0; text-shadow: 0px 1px 3px #fff }

#MainMenu { float: right }
#MainMenu.mmenu { height: 29px; float:right; margin: 0 0 0 0; text-align: right; }
.mmenu ul {	margin: 0px; padding: 0px;	list-style-type: none; text-align: right; float: right; }
.mmenu ul li { position: relative; overflow: hidden; margin: 0px; padding: 0px; font-size: 100%; float: left; height: 29px; }
.mmenu ul li a:hover { background-position: 0px -29px; }
.mmenu ul li a, .mmenu ul li span { display: block; height: 29px; background-position: 0px 0px; background-repeat: no-repeat; }
.mmenu ul li span { position: absolute; left: 0px; top: -29px; cursor: pointer; }

.mmenu ul li.mm_deti a, .mmenu ul li.mm_deti a span { width: 64px;  background-image: url('../img/menu/deti.png');  }
.mmenu ul li.mm_holky a, .mmenu ul li.mm_holky a span { width:87px;  background-image: url('../img/menu/holky.png');  }
.mmenu ul li.mm_info a, .mmenu ul li.mm_info a span { width:64px;  background-image: url('../img/menu/info.png');  }
.mmenu ul li.mm_kluci a, .mmenu ul li.mm_kluci a span { width:77px;  background-image: url('../img/menu/kluci.png');  }
.mmenu ul li.mm_kontakt a, .mmenu ul li.mm_kontakt a span { width:115px;  background-image: url('../img/menu/kontakt.png');  }
.mmenu ul li.mm_novinky a, .mmenu ul li.mm_novinky a span { width:121px;  background-image: url('../img/menu/novinky.png');  }
.mmenu ul li.mm_doplnky a, .mmenu ul li.mm_doplnky a span { width:115px;  background-image: url('../img/menu/doplnky.png');  }



.bord_container { position:relative;width:940px;margin:0 auto 0 auto }
#board  {  width: 940px; height: 240px; margin: 0 auto 0 auto; background-position: center bottom; background-repeat: no-repeat;}
.bglayer {  width: 940px; height: 240px; overflow: hidden; margin: 0 auto 0 auto; background-position: center bottom; background-repeat: no-repeat; opacity: 0;} 
#boardloader{ position: relative; top:100px; left: 50%; margin-left: -100px; width: 200px; padding: 10px 0 10px 0; text-align: center; }
#infoboard { width:940px; background:rgba(106,106,106,0.42); height: 40px; margin: 0px auto 8px auto; padding-top: 5px; text-align: center; overflow: hidden }  
#infoboard img { margin: 0 10px }
#infoboard a img { opacity: 0.8; }
#infoboard a:hover img { opacity: 1; }
.mover { position:absolute;top:110px;width:40px;height:40px;cursor: pointer}
.moveleft { left:-15px }
.moveright { right:-15px }





/* Content */
#Content { width: 98%; margin:10px 1% 0 1%; text-align: center; }

#TextContainer { max-width: 950px; margin: 0 auto 0 auto  }
#TextContainer #TxtInlay { width:auto; padding: 20px; color: #fff }
#TextContainer #TxtInlay a { color: #ff9a00 }
#TextContainer #TxtInlay a span { padding: 0 20px 0 0; font-size: 12pt; white-space: nowrap }
#TextContainer #TxtInlay h2 { font-size: 12pt; margin: 15px 0 8px 0 }


/* Homepage */
div.SliderEnvelope { max-width: 960px; margin: 0 auto 0 auto; text-align: center }  
div.Slider{ float: left; position: relative; width: 460px; height: 240px; margin: 10px; overflow: hidden;  }
div.Mask { height: 460px; width: 240px; position: absolute; top:0px; left:0px; }

/* -- css slider -- */
/*div.SliderEnvelope:hover div.Mask { display: none }*/


/* Footer */
#Footer { position: relative;  max-width: 960px; margin: 50px auto 0 auto;}

#Footer #Stickers { width: 100% }
#Footer #Stickers div { float: left; width:235px; height: 150px; text-align: center }

#Footer #FooterMenu { width: 70%; float:left }
#Footer .mmenu { float: left; text-align: left}

#Footer #Authors { float: right; width: 30%; font-size: 8pt }
#Footer #Authors p { padding: 10px 0 0 0; text-align: right }
#Footer #Impressum p.atomrat { line-height: 140%; width:70%; float: left; padding: 8px 0 0 8px; color: #626262 }
#Footer #Impressum p.authors { line-height: 140%; width:20%; font-size: 8pt; float: right; text-align: right; padding: 8px 0 0 8px; color: #626262 }

/*tooltip*/
#TTip { background:#fff; border:1px solid silver; padding:6px; font-size:9pt; line-height: 150%; color: #5e5d5e; border-radius:4px }




/* Gallery */
.gallery { margin-bottom: 20px;}
.gallery a { display: block; width:auto; float: left; background: #fff; margin: 3px; text-align: center; padding: 2px;}
.imageBox {margin: 0px 15px 10px 0px; float:left; /*border:1px dashed silver;*/ height: 135px; overflow: hidden; white-space: nowrap;}  
.imageBox img { max-width:212px; }

/* Gallery - Slides */
#Gallery { position:absolute; top:0px; left:0px; width:100%; height:100%; background:black; opacity:0.7; filter:alpha(opacity=70); padding:none; margin:none; cursor:pointer; text-align:center; display:none}
#GalleryBox #Preloader { width:100%; height:100% }
#GalleryBox #Preloader img {display: block; width:260px; height:30px; position:relative; top:50%; left:50%; margin:-15px 0 0 -130px; }   
#GalleryBox { position:absolute; overflow:hidden; text-align:center; background:#fff; padding:10px; display:none;}   
.GalleryBoxClass { width:200px; height:100px; margin-top:auto; margin-left:auto; background:#fff; }   
#GalleryComment { height:30px; border-top:10px solid #fff; width:inherit; text-align:center; background:#fff;}
#GalleryComment #MoveLeft { float:left; width:15%; text-align:left; position:relative; bottom:1px }
#GalleryComment #Title { float:left; width:60%; text-align:center; font-size: 80%; }
#GalleryComment #MoveRight { float:right; width:15%; text-align:right;}
#GalleryComment .mover { border:0px; cursor:pointer }