*, body, html {padding: 0; margin: 0; border: 0; }
body {background: #fff; width:auto;} 

* html #search button {margin-left:4px;}

#seolink {display:none;}

/*---------- DIV's ------------------*/  
#leader {width:420px; height: 420px; position: relative; top: 0; left: 0; z-index: 5; }
#link_01 {width:495px; height: 548px; position: absolute; top: 100px; z-index: 15;}

#full {background: url(img/index_01.png) no-repeat center top; padding: 10px 0 0 0;}

#index {width:1000px; font:9pt/110% Arial, sans-serif; border: none; border-collapse:collapse;}
.01 {width:495px; vertical-align: top;}
.02 {width:245px; vertical-align: top;}
.03 {width:260px; vertical-align: top;}

.l {background: url(img/index_03.png) left top no-repeat; width:495px; height: 548px; }
.m {background: url(img/index_04.png) left top no-repeat; width:245px;}
.r {background: url(img/index_05.png) left top no-repeat; width:260px; vertical-align:top;}





.footer_l {background: transparent url(img/index_06.png) left top no-repeat; padding: 20px 50px;}
.footer_r {background: transparent url(img/index_07.png) left top no-repeat; }

#index .top {height:90px; vertical-align: middle;}
#index .footer {height:100px; background: url(img/footer.png) left top repeat-x; padding: 0; font:12px/120% Arial, sans-serif; color:6a6a6a;}

#index input {width: 150px;  height: 15px; border: inset 1px #000; background: #e5e5e0;}
#index span a {margin:0 0 0 5px; padding: 2px 5px; text-align:center; background:#369; color:#fff; font:bold 12px/14px Arial, sans-serif; cursor:pointer; text-decoration:none;	}

a.homelink {font:19px/110% Arial, sans-serif;  color: #fff; padding: 170px 15px; text-decoration: none; } 
a.homelink:hover {color: #e4ae07;}

#marq {width:160px; height: 40px; position: absolute; top: 575px; z-index: 25; margin:0 0 0 165px;}


a.topmenu {font:11px/100% Arial; color: #369; padding: 10px 2px; font-weight:bold; } 
a.topmenu:hover {color: #f00; border-top: 3px solid #f00;}



button {margin:0 0 0 5px; width:50px; border: inset 1px #e5e5e0; text-align:center; color:#000; font:bold 12px/20px Arial, sans-serif;	}


table.news {width:240px; color:#000; border-collapse:collapse; table-layout:fixed;  /* cellspacing="3" */;}
.news {font:12px/130% Arial, sans-serif; color: #000; padding: 5px 0 0 10px; font-weight:bold; }
.news_titul {font:12px/130% Arial, sans-serif; color: #369; padding: 3px 10px 0 0; }
.news_text {font:12px/130% Arial, sans-serif; color: #000; padding: 0; }

/*---------- OPERA------------------*/  
html>body {margin: 0 auto;} 
html>body #leader {width:420px; height: 420px; position: relative; top: -45px; left: 0; z-index: 5;}



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(/img/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(/img/controls.png) -100px 0 no-repeat;}
	#cboxTopRight{width:21px; height:21px; background:url(/img/controls.png) -129px 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(/img/controls.png) -100px -29px no-repeat;}
	#cboxBottomRight{width:21px; height:21px; background:url(/img/controls.png) -129px -29px no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(/img/controls.png) left top repeat-y;}
	#cboxMiddleRight{width:21px; background:url(/img/controls.png) right top repeat-y;}

	#cboxTopCenter{height:21px; background:url(/img/border.png) 0 0 repeat-x;}
	#cboxBottomCenter{height:21px; background:url(/img/border.png) 0 -29px repeat-x;}

	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/img/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-75px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(/img/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:-50px -25px;}
		#cboxLoadingOverlay{background:url(/img/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(/img/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(/img/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-25px -25px;}
		
		
		/*----------Nyro------------*/  
div#nyroModalFull {font-size: 11px; color: #777;}
div#nyroModalLoading {border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em;background: #fff url(/js/ajaxLoader.gif) no-repeat;background-position: center;}
div#nyroModalLoading.error {border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff;}
div#nyroModalWrapper {background: #e5e5e0; border: 2px solid #777;}
a#closeBut {position: absolute; display: block; top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; 
background: url(/js/close.gif) no-repeat;	outline: 0;}

h1#nyroModalTitle {margin: 0; padding: 0; position: absolute; top: -22px; left: 5px; font-size: 12px; color: #ddd;}
div.wrapper div#nyroModalContent {padding: 15px; }
div.wrapperImg div#nyroModalContent {position: relative; overflow: hidden; text-align: center; }
div.wrapperImg img {vertical-align: baseline;}
div.wrapperImg div#nyroModalContent div {position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px;
	border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20);}
div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5; filter: alpha(opacity=50); cursor: help; }
a.nyroModalPrev, a.nyroModalNext {z-index: 105; outline: none; position: absolute; top: 0; height: 100%; width: 40%; cursor: pointer;
	text-indent: -9999em; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */ }
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height: 60%;
	width: 20%;}
a.nyroModalPrev {	left: 0; }
a.nyroModalPrev:hover {background: url(/js/prev.gif) left 20% no-repeat;}
a.nyroModalNext {right: 0;}
a.nyroModalNext:hover {background: url(/js/next.gif) right 20% no-repeat;}