@charset "utf-8";
/* CSS Document */

html , body{margin:0px; height:100%; font-family:Arial, Helvetica, sans-serif;}
div, iframe{-moz-box-sizing:border-box; box-sizing:border-box;}
.window_width{ height:100%; position:relative; margin-left:auto; overflow:visible;  margin-right:auto; padding-top: 50px; -moz-box-sizing:border-box; box-sizing:border-box; width:1800px;}
.page_container{height:100%; width:100%; overflow-x:hidden; overflow-y:hidden; margin-left:auto; margin-right:auto; width:1800px;  -moz-box-shadow: 1px 1px 20px 0px #000; -webkit-box-shadow: 1px 1px 20px 0px #000; box-shadow: 1px 1px 20px 0px #000;}
.single_page{border: 1px solid #333333; background-color:#0099FF; width:100%; margin:0px; padding:0px; -moz-box-sizing:border-box; box-sizing:border-box;}
.top_meniu { width:100%; height: 50px; position:absolute; z-index: 1000; background-image:url(graphics/menu_top.png); background-repeat:repeat-x; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.sidemeniu{ width: 330px; height: 100%; position:absolute; z-index: 999; background-color:#ececec; margin-top: 50px; margin-left:-340px; padding: 41px 0px 0px 0px;   -moz-box-shadow: 1px 1px 10px 0px #000; -webkit-box-shadow: 1px 1px 10px 0px #000; box-shadow: 1px 1px 10px 0px #000;}
.next_btn{ cursor:pointer;  position:absolute; right: 0px; height:100%; width: 50%;}
.next_btn:hover{ background-color:#999; filter:alpha(opacity=20); /* IE */-moz-opacity:0.2; /* Mozilla */ opacity: 0.2; /* CSS3 */ }
.back_btn{  cursor:pointer;  position:absolute;  width: 50%; height:100%;}
.back_btn:hover{ background-color:#999; filter:alpha(opacity=20); /* IE */	-moz-opacity:0.2; /* Mozilla */ opacity: 0.2; /* CSS3 */}
.cuprinsElement{width:280px; height:183px; background-color:#FFF; margin:10px 15px; display:inline-block; cursor:pointer; 
-moz-box-shadow: 1px 1px 10px 0px #999; -webkit-box-shadow: 1px 1px 10px 0px #999; box-shadow: 0px 0px 10px 0px #999; border: 2px solid #999;}
.cuprinsElement:hover {-moz-box-shadow: 1px 1px 10px 0px #29b0e8; -webkit-box-shadow: 1px 1px 10px 0px #29b0e8; box-shadow: 0px 0px 10px 0px #29b0e8; border: 2px solid #29b0e8;}
.viewThis{width:100%; height:100%}
.viewThis:hover{background-image:url(cuprins/view_this.png);}

.sideMeniuContainer{display:none;}
.sidemeniu_meniu { margin-top:-41px; width: 330px; border-bottom:1px solid #29b0e8; height:41px; position:absolute; background-image:url(graphics/side_menu.jpg)}
.sideMenuBtn{ line-height:40px; display:inline-block; height:40px;font-size:12px; text-align:center; width:111px; margin-right: -5px; cursor:pointer}
.sideMenuBtn:hover{background-image:url(graphics/side_menu_.jpg)}
.sideMenuBtnA {background-image:url(graphics/side_menu_hover.jpg); display:inline-block; height:40px; width:111px; line-height:40px; font-size:12px; color:#FFF; text-align:center; margin-right: -5px; cursor:pointer}
.tooltipContainer{ position:absolute; margin-top:50px; background-color:#FFFFFF; padding:5px 10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border: 3px solid #979797; font-size:12px;}
.TTArrow, .TTArrowBorder { width: 0; height: 0; position:absolute; }
.TTArrow{ border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FFFFFF; margin-top: -30px;}
.TTArrowBorder{ border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #979797; margin-top: -35px;}
.cuprinsImages{ cursor:pointer; margin: 10px 15px; -moz-box-shadow: 1px 1px 10px 0px #999; -webkit-box-shadow: 1px 1px 10px 0px #999; box-shadow: 0px 0px 10px 0px #999; border: 2px solid #999;}
.cuprinsImages:hover { -moz-box-shadow: 1px 1px 10px 0px #29b0e8; -webkit-box-shadow: 1px 1px 10px 0px #29b0e8; box-shadow: 0px 0px 10px 0px #29b0e8; border: 2px solid #29b0e8;}
.bookmark_li{ font-size:14px; height:30px; list-style: none; margin:5px 5px 5px 30px; padding: 13px 0px 0px 30px; background:url(graphics/favorit_.png) no-repeat 10px 5px #fff; border-top:1px dotted #CCCCCC; }
.bookmark_li:hover{ cursor:pointer;  color: #29b0e8; }

ul{ padding:0px; margin0px;}
#sidemeniu_content{overflow:hidden; overflow-y:scroll; height:100%; }
ul.folderIcon { font-size:12px; font-family: Tahoma; list-style: none; margin:5px 5px 5px 5px; padding: 10px 0px 10px 40px; background:url(graphics/folder.png ) #FFFFFF no-repeat 10px 10px; border:1px dotted #CCCCCC; }
ul.folderIcon:hover { cursor:pointer; color: #29b0e8;}
li{ font-size:12px; list-style: none; margin:5px 5px 5px 30px; padding: 5px 0px 5px 20px; background:url(graphics/file.png) no-repeat left 10px; border-top:1px dotted #CCCCCC;}
#text_content li:hover{ cursor:pointer;  color: #29b0e8; }
#leftPage {border: none; height:100%; margin:0px 0px 0px 0px; padding:0px; overflow:hidden; background-color: #FFF; }
#rightPage {border: none; height:100%; margin:0px 0px 0px -4px; padding:0px; overflow:hidden; background-color: #FFF; }
#toogleSidemeniu{ z-index: -10; position:absolute; margin-left:330px; background: #FFF; cursor:pointer; padding: 30px 10px 30px 20px; -moz-box-shadow: 1px 1px 10px 0px #000; -webkit-box-shadow: 1px 1px 10px 0px #000; box-shadow: 0px 0px 10px 0px #000; -moz-border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px;}


/* Meniu Buttons*/
.btn{ width:40px; height:38px; margin-top:3px; cursor:pointer; display:inline-block;}
#page{background-image:url(graphics/content_page.png)}
#page:hover {background-image:url(graphics/content_page_.png)}
#text{background-image:url(graphics/content_text.png)}
#text:hover{background-image:url(graphics/content_text_.png)}
#bookmark{background-image:url(graphics/bookmark.png)}
#bookmark:hover{background-image:url(graphics/bookmark_.png)}
#ami{background-image:url(graphics/ami.png)}
#ami:hover{background-image:url(graphics/ami_.png)}
#games{background-image:url(graphics/games.png)}
#games:hover{background-image:url(graphics/games_.png)}
#help{background-image:url(graphics/help.png)}
#help:hover{background-image:url(graphics/help_.png)}
#user{background-image:url(graphics/help.png)}
#user:hover{background-image:url(graphics/help_.png)}
#exit{background-image:url(graphics/exit.png)}
#exit:hover{background-image:url(graphics/exit_.png)}
#prevPageTop{background-image:url(graphics/back.png)}
#prevPageTop:hover{background-image:url(graphics/back_.png)}
#nextPageTop{background-image:url(graphics/forward.png)}
#nextPageTop:hover{background-image:url(graphics/forward_.png)}
#fullscreen{background-image:url(graphics/full_screen.png)}
#fullscreen:hover{background-image:url(graphics/full_screen_.png)}
.jumpField {display:inline-block; width:88px; height:40px; background:url(graphics/jumpField.png); padding:9px 12px}
#jumpField{border:none; outline:none; text-align:center; width:63px; height:22px; position:absolute;}




@media only screen and (max-width: 540px) {
	
}