body
{            
	cursor: default;
	background-color: #fff;
	margin: 0;
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 11px;
	padding-top: 11px;
	
}
                            
a
{
	color: #11138F;
	text-decoration: none;
}

a:hover
{
text-decoration:underline;
}


#center
{
	width: 1130px;
	margin: 0 auto;
}

#top
{
	height: 195px;
	background: #fff url(images/Craex_logo_new_blue.jpg) no-repeat;
	position: relative;
	left: 30px;
	margin-bottom: 1px;
}

#middle
{
}

#leftmenu
{
	width: 200px;
	float: left;                             
}
#content                      
{
	float: left;
	width: 740px;
}
#content2                      
{
	float: left;
}

                                
/*.rightpanel                                                
{
	float: left;
	position: relative;
	right: -35px;
	top: 0px;
	border: solid 1px #99AFDF;
	width: 120px;
  height: 250px;
  padding: 20px;
}
*/

#first
{
	margin-bottom: 40px;
	margin-top: -15px;
	position: relative;
	left: 45px;
	width: 120px;
}
#second
{
	position: relative;
	left: 45px;
}

#third
{
	position: relative;
	left: 45px;
	padding-top:30px;
	
}

#leftmiddlebanner
{
	height: 540px;
	width: 150px;
	margin-bottom: 20px;
	color: White;
	position: relative;
	left: 45px;
}
#rightbanner
{
	height: 180px;
	width: 150px;
	background: #C2D1E3;
	margin-bottom: 10px;
	color: White;
}
#longbanner
{
 	margin-top: 20px;
	background: #c1d0e2 url(images/left.gif);
	color: #00309C;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	border: solid 1px #99AFDF;
	width:120px;
	height:200px;
}

#corner_fb
{
 	margin-top: -562px;
 	margin-bottom: 200px;
 	margin-left: -42px;
	background: #c1d0e2 url(images/left.gif);
	color: #00309C;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	border: solid 1px #99AFDF;
	width:195px;
	height:168px;
}

#rss
{
 	margin-top: -174px;
 	margin-bottom: 40px;
 	margin-left: -42px;
	background: #F0F4F6 /* url(images/left.gif)*/;
	color: #00309C;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	border: solid 0px #99AFDF;
	width:195px;
	height:340px;
	
}

#rightmenu                                                 
{
background: #c1d0e2 url(images/left.gif);
	float: left;
	position: relative;
	right: -35px;
	top: 350px;
	border: solid 1px #99AFDF;
	width: 100px;
  height: 320px;
  padding: 15px;
  
  
}

#rightmenu td

{
padding-bottom: 10px;

}

#bottombanner
{
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	height: 90px;
	width: 728px;
	background-color: #C2D1E3;
	color: White;
}

#secondright
{
	height: 300px;
	background: #fff url(images/zena2.jpg) no-repeat center;
}

#topbanner
{
	position: relative;
	left: -25px;
	margin: 0 auto;
	width: 740px;
	height: 92px;
	background: #c1d0e2 url(images/craex_logo.jpg);
	color: #00309C;
	border: solid 0px #99AFDF;
	
		
	
}

#topmenu
{
	width: 800px;
	height: 100px;
	margin-left: 200px;
}
/********************* menu *****************************/

#pans
{
	padding: 6px 13px 5px;
	line-height: 7px;
	min-height: 28px;
	_height: 50px;
	color: #003366;
	background: #d2ddea url(images/bg_search3.gif) repeat-x scroll center top;
	border-right: 1px solid #8BA6DF; /* #324683; */
	border-left: 1px solid #8BA6DF; /* #324683; */
	border-bottom: 1px solid #8BA6DF; /* #324683; */
	border-top: 1px solid #8BA6DF; /* #324683; */
	width: 712px;
}



#tabs
{
	position: relative;
	left: -30px;
	line-height: 10px;
	min-height: 45px;
	_height: 45px;
	margin-top: 12px; /* padding-left: 7px; */
}


#tabs a
{
	/*  border: 1px solid #8BA6DF; /*#324683;*/
	padding: 2px 10px 4px;
	line-height: 24px;
	font-size: 13px;
	border-top: 1px solid #99AFDF;
	border-left: 1px solid #99AFDF;
	border-right: 1px solid #99AFDF;
}

.tabs
{
	color: #324683;
	background: #d2ddea url(images/bg_tab.gif) repeat-x scroll top;
}

#pg td a
{
	color: #324683;
	background: #d2ddea url(images/bg_tab.gif) repeat-x scroll top;
}

#tabs a#this
{
	font-weight: bold;
	padding: 3px 10px 5px;
}
#tabs a#this, #tabs a:hover
{
	border-top: 1px solid #99AFDF;
	border-left: 1px solid #99AFDF;
	border-right: 1px solid #99AFDF;
	color: #003366;
	background: #E1F4FB url(images/menu_hover.gif) repeat-x scroll;
}

#tabs a#this:hover, #tabs a:hover
{
	padding-bottom: 5px;
	_padding-bottom: 4px; /*   border-bottom: 0px solid #E2E8F1;*/
	border-top: 1px solid #99AFDF;
	border-left: 1px solid #99AFDF;
	border-right: 1px solid #99AFDF;
}

.tabsactive, tdactive
{
	background: #E1F4FB url(images/menu_hover.gif) repeat-x scroll; /*border: 1px solid #7BC4DF;*/
	border-bottom: 1px solid #e2e9f1; /* border: 4px; 	font-weight: bold;   padding: 3px 10px 5px; 	border: 2px solid #7BC4DF; 	color: #003366; 	background: #E1F4FB url(images/menu_hover.gif) repeat-x scroll; */ /*padding-bottom: 3px; 	_padding-bottom: 4px; */
}

.PagerButton
{
	padding: 1px;
	vertical-align: middle;
	width: 20px;
	line-height: 24px;
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	background-color: Transparent;
	cursor: pointer;
}
.PagerButton:hover
{
	border: solid 3px #769CAB;
}
.FirstPage
{
	background-image: url(      'Images/first.gif' );
}
.PrevPage
{
	background-image: url(      'Images/prev.gif' );
}
.NextPage
{
	background-image: url(      'Images/next.gif' );
}
.LastPage
{
	background-image: url(      'Images/last.gif' );
}
.PagerBlock
{
	padding-left: 10px;
}
.PagerBlock .lbl
{
	color: #336699;
}

thead, tr, th, td
{
	background: transparent none repeat scroll 0;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	outline-color: invert;
	outline-style: none;
	outline-width: 0;
	padding: 0;
}

.gvArticles
{
	border: solid 1px #99AFDF;
}

.pager
{
	border-top: solid 1px #99AFDF;
}

.gvArticles .pager td
{
	background: #d2ddea url(images/bg_search.gif) repeat-x scroll center top;
	color: #00309C;
	font-size: 13px;
	font-weight: bold;
	height: 35px;
	padding-left: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: solid 1px #99AFDF;
}

.gvArticles th
{
	/*	background-color: #d2ddea; */
	background: #d2ddea url(images/bg_search2.gif) repeat-x scroll center top;
	color: #00309C;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	height: 25px; /*	padding-left: 30px; */
	padding-top: 2px;
	padding-bottom: 2px;      
	border-bottom: solid 1px #99AFDF;
  padding-left:5px;
  padding-right:15px;
}

.gvArticles td
{
	background-color: #f0f4f6;
	color: #00309C;
	font-size: 11px;
	font-weight: normal; /*	padding-left: 30px; */
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: solid 1px #AFC8FF; /*#d2ddea; */
  padding-left:5px;
  padding-right:15px;
	
}

.gvArticles2 td
{
	background-color: #eff3f8;
	font-family: Helvetica,sans-serif;
	color: #00309C;
	font-size: 11px;
	font-weight: normal; /*	padding-left: 30px; */
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: solid 1px #d2ddea;
	text-align: left;
}

.gvArticles tr.hover td
{
	background-color: #D1E2EF;
	text-decoration: underline;
	color: #00309C;
	cursor: pointer;
}

.PagerButton
{
	padding: 1px;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	line-height: 24px;
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	background-color: Transparent;
	cursor: pointer;
}
.PagerButton:hover
{
	border: solid 1px #769CAB;
}
.FirstPage
{
	background-image: url(Images/first.gif);
}
.PrevPage
{
	background-image: url(Images/prev.gif);
}
.NextPage
{
	background-image: url(Images/next.gif);
}
.LastPage
{
	background-image: url(Images/last.gif);
}



.gfh
{
	color: #00309C;
	background-color: transparent;
	background-image: url(images/bg_menu.gif);
	background-repeat: no-repeat;
	width: 119px;
	height: 22px;
	margin: 0px auto;
	padding: 0px 0 0 0;
	text-align: center;
	border-style: none;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	border: solid 1px #99AFDF;
	margin: 1px;
}

.gfhhover
{
	color: #333333;
	background-color: transparent;
	background-image: url(images/bg_h_menu.gif); /* 	filter: alpha(opacity=60);        	opacity:0.5; */
	background-repeat: no-repeat;
	width: 119px;
	height: 22px;
	margin: 0px auto;
	padding: 0px 0 0 0;
	text-align: center;
	border-style: none;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	border: solid 1px #99AFDF;
	margin: 1px;
}


/* SUBMIT OKNO */


.submit_rules td
{
	background: #d2ddea url(images/rules.gif) 0 0 repeat-x;
	color: #00309C;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 5px;
	border: solid 1px #99AFDF;
	text-align: left;
	width: 900px;
}

.submit_rules a
{
	text-decoration:underline;
}

.submit_rules a:hover
{
text-decoration:none;
}


.submit_main
{
	border: solid 1px #99AFDF;
}


.submit_main td
{
	background: #d2ddea url(images/bg_search.gif) repeat-x scroll center top;
	color: #00309C;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 5px;
	border: solid 1px #99AFDF;
	
}

.submit_main th
{
	/*	background-color: #d2ddea; */
	background: #d2ddea url(images/bg_search2.gif) repeat-x scroll center top;
	color: #00309C;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	height: 25px; /*	padding-left: 30px; */
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: solid 1px #99AFDF;
}


.submit_main tr.hover td
{
	background-color: #C2D9EF;
	text-decoration: underline;
	color: #00309C;
	cursor: pointer;
}

.submit_main_btn td
{
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-right: 5px;
}

.submit_main_info td
{
	background: #d2ddea url(images/bg_search.gif) repeat-x scroll center top;
	color: #00309C;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
/*	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 5px; */
	border: solid 1px #99AFDF;
	
}       

.submit_main_added td
{
	background: #d2ddea url(images/bg_search.gif) repeat-x scroll center top;
	color: #00309C;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	padding-left: 5px;
/*	padding-top: 4px;
	padding-bottom: 4px; */
	padding-right: 5px; 
	border: solid 1px #99AFDF;
	height:15px;
	
}

/* Odkazy OKNO */
.odkazy_menu
{
	width: 800px;
}
.odkazy_menu td
{
	background: #d2ddea url(images/rules.gif) 0 0 repeat-x;
	color: #00309C;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	padding-left: 9px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 9px;
	border: solid 1px #99AFDF;
	width: 150px;
}

/* Odkazy OKNO */
.odkazy_menu2
{      text-align: center; 
}   

.odkazy_menu2 td
{
	background: #d2ddea url(images/rules.gif) 0 0 repeat-x;
	color: #00309C;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-left: 9px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 9px;
	border: solid 1px #99AFDF;
	width: 150px;
}
                        
/* Odkazy LEFT */
.odkazy_left
{
		width:150px;                                  
}
.odkazy_left td
{
	background: #d2ddea url(images/rules.gif) 0 0 repeat-x;
	color: #00309C;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-left: 9px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 9px;
	border: solid 1px #99AFDF;

}
.odkazy_main td
{
	background: #d2ddea url(images/bg_search.gif) repeat-x scroll center top;
	color: #00309C;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 5px;
	border: solid 1px #99AFDF;
}

.odkazy_main th
{
	/*	background-color: #d2ddea; */
	background: #d2ddea url(images/bg_search2.gif) repeat-x scroll center top;
	color: #00309C;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	height: 25px; /*	padding-left: 30px; */
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: solid 1px #99AFDF;
	border: solid 1px #99AFDF;
}

.main_online
{
width: 680px;
text-align: left;	
}

.search_no
{
color:#000;
border: 0px;
width: 720px;
margin: 0;
/*color: #000;*/
font-family: Verdana,Helvetica,sans-serif;
font-size: 12px;
/*font-weight: bold;*/
padding: 12px;
text-align: left;

}

.search_no a
{
color:#336699;
}


.main_online
{
width: 680px;
text-align: left;	
}

.cyanitem
{
	background-color: #E1F4FB;
	text-align: center;
	color: #002ec2;
	font-weight: bold;
	width: 130px;
}

.blueitem
{
	background-color: #c4d2e3;
	text-align: center;
	color: #002ec2;
	font-weight: bold;
	width: 130px;
}

.autocomplete_completionListElement
        {
            visibility: hidden;
            margin: 0px !important;
            background-color: inherit;
            color: windowtext;
            border: buttonshadow;
            border-width: 1px;
            border-style: solid;
            cursor: 'default';
            overflow: auto;
            height: 150px;
            text-align: left;
            list-style-type: none;
        }
        /* AutoComplete highlighted item */
        .autocomplete_highlightedListItem
        {
            background-color: #ffff99;
            color: black;
            padding: 1px;
        }
        /* AutoComplete item */
        .autocomplete_listItem
        {
            background-color: window;
            color: windowtext;
            padding: 1px;
        }

.odporucane    
{
	position: relative;
	left: 45px;
  background: #d2ddea url(images/left_name.gif);
	color: #00309C;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	padding: 2px; 
	border: solid 1px #99AFDF;
  width: 120px;
  margin-bottom: 2px;
  
} 


.odporucane_site
{
  position: relative;
	left: 45px;
  background: #F0F4F6 /*url(images/left_menu.gif)*/;
	color: #00309C;
	font-size: 11px;
	font-weight: normal;
	padding: 2px;
	border: solid 1px #99AFDF;
	width:120px; 
  line-height: 1.3; 
  margin-bottom: 20px;
}

.shoutbox
{
  position: relative;
	left: 40px;
  font-size: 11px;
	font-weight: normal;
	border: solid 1px #99AFDF;

 
}

.craexclass{
width: 100%;
font-size:12px;
font-family: Verdana,Helvetica,sans-serif;
/*background-color: #fff;*/
border: 0px solid black;
/*padding:-10px;
margin-top: -9px;*/
height:30px;



filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.craexclass a{
text-decoration: none;
text-align:bottom;
color: #0C65CF;
} 

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}

.statistiky td
{
	background: #d2ddea url(images/bg_search.gif) repeat-x scroll center top;
	color: #00309C;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
  padding-left: 30px;
  padding-right: 30px;
	border: solid 1px #99AFDF;
	text-align:center;
}
	
.statistiky th
{
	/*	background-color: #d2ddea; */
	background: #d2ddea url(images/bg_search2.gif) repeat-x scroll center top;
	color: #00309C;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	height: 25px; /*	padding-left: 30px; */
}

.statistiky
{
	/*background-color: #fff;*/
	color: #00309C;
	font-size: 11px;
	font-weight: normal; /*	padding-left: 30px; */
	padding: 5px;
	border: solid 1px #AFC8FF; /*#d2ddea; */
}

.kontakt
{
	/*background-color: #fff;*/
	color: #00309C;
	font-size: 11px;
	font-weight: normal; /*	padding-left: 30px; */
	padding: 5px;
	border: solid 1px #AFC8FF; /*#d2ddea; */
	text-align:left;
	line-height:200%;
	
}

.kontakt th
{
	/*	background-color: #d2ddea; */
	background: #d2ddea url(images/bg_search2.gif) repeat-x scroll center top;
	color: #00309C;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	height: 25px; /*	padding-left: 30px; */
	text-align:center;
}	

.release
{
	/*background-color: #fff;*/
	color: #00309C;
	font-size: 11px;
	font-weight: normal; /*	padding-left: 30px; */
	padding: 5px;
	border: solid 1px #AFC8FF; /*#d2ddea; */
	text-align:left;
	line-height:200%;
	
}

.release th
{
	/*	background-color: #d2ddea; */
	background: #d2ddea url(images/bg_search2.gif) repeat-x scroll center top;
	color: #00309C;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	height: 25px; /*	padding-left: 30px; */
	text-align:center;
	
}	

.kontakt a, statistiky a, release a
{
color: #11138F;
	text-decoration: underline;
	font-weight:bold;
	
}

.kontakt a:hover, statistiky a:hover, release a:hover
{
color: #11138F;
	text-decoration: none;
	font-weight:bold;
}
	

#left_rekl 
{
	background: #d2ddea;
	color: #00309C;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	border: solid 1px #99AFDF;
	height: 240px;
	width: 120px;
	position: relative;
	left: 45px;
	
}

.left_rekl a
{
color:#197DCF;
}

#right_rekl 
{
	background: #d2ddea;
	color: #00309C;
	font-size: 10px;
	font-weight: normal;
	border: solid 1px #99AFDF;
	margin: 0 auto;
	margin-top: 20px;
	text-align: center;
	height: 350px;
	width: 120px;

}

.right_rekl a
{
color:#197DCF;
}

#up_rekl 
{
	background: #d2ddea;
	color: #00309C;
	font-size: 10px;
	font-weight: normal;
	border: solid 1px #99AFDF;
	margin: 0 auto;
  text-align: center;
	height: 90px;
	width: 730px;
 

}

.up_rekl a
{
color:#197DCF;
}

.updateProgress
{
    position: absolute; /*left: 45%;*/ left:0%; top: 0%;
    background: #fff /*url(images/left.gif)*/;
    border: 0px solid black;
    padding: 2px 5px;
    z-index: 10;
    width:80px;
    height:70px;
    
}                      

.updateProgress span
{
        font-weight: bold;
        font-size: 1.2em;
        line-height: 22px;
}

.mp3
{

background-position:2px 50% !important;
margin:-45px 0 0 !important;
display:block !important;
z-index:100001 !important;
overflow: auto;
top:45% !important;
position:fixed !important;
border: solid 0px;
width:70px;
height:255px;
}