/*
------------------------------------
				CRR
			http://www.crr.cz
------------------------------------
			(c)2009 Menef s.r.o.
	e-mail: info@menef.cz
------------------------------------
	  		   SCREEN media
	          updated: 26.01.2010
------------------------------------
*/

/*
--------------------------------[ZAKLAD]-----------------------------------
*/

body{ margin: 0; padding: 0; background-color: #00659c; color: #333; font-family:  Verdana,"Arial CE", Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 0.7em; text-align: center; background: #00659c; }
*{ padding: 0; margin: 0; color: #333333; }
img{ border: 0; }

a{ color: #000000; text-decoration: underline; }
a:hover{ color: #ff3c00; }

/* hr { background: #cccccc url(../images/line.gif) repeat-x 0 0; } */
hr { border-bottom: dashed 1px #013895; border-top: solid 0px #ffffff; height: 1px } 

/* color: #cb231a */
h1 { color: #013895; font-family: Verdana, "Arial CE", Arial, Tahoma, Helvetica, sans-serif; font-size: 1.5em; text-align: left; 
	font-weight: bold; padding: 0px; margin: 15px 0px 17px 0px; }
h2 { color: #013895; font-family: Verdana, "Arial CE", Arial, Tahoma, Helvetica, sans-serif; font-size: 1.3em; text-align: left;
	font-weight: bold; padding: 0px; margin: 20px 0px 13px 0px; }
h3 { color: #000000; font-family: Verdana, "Arial CE", Arial, Tahoma, Helvetica, sans-serif; font-size: 1.3em; text-align: left;
	font-weight: bold; padding: 0px; margin: 20px 0px 13px 0px;  }
h4 { color: #013895; font-family: Verdana, "Arial CE", Arial, Tahoma, Helvetica, sans-serif; font-size: 1.2em; text-align: left;
	font-weight: bold; padding: 10px 0px 5px 0px; margin: 0px; }
h5 { color: #000000; font-family: Verdana, "Arial CE", Arial, Tahoma, Helvetica, sans-serif; font-size: 1.2em; text-align: left;
	font-weight: bold; padding: 10px 0px 5px 0px; margin: 0px; }
h6 { color: #013895; font-family: Verdana, "Arial CE", Arial, Tahoma, Helvetica, sans-serif; font-size: 1.1em; text-align: left;
	font-weight: bold; padding: 10px 0px 3px 0px; margin: 0px; }

p { text-align: justify; line-height: 1.4em; margin-bottom: 1em; }

.noDisplay{ display: none; }
.clearBoth{ clear: both; }

.blueBold { font-weight: bold; color: #013895; }

input, select{ color: #333; font-size: 1em; font-family: "Arial CE", Arial, Tahoma, Helvetica, Verdana, sans-serif;	line-height: 12pt; }

#page { position: relative; top: 0; width: 990px; height: auto; border: 0px solid #fff; 
	background: #ffffff; padding: 0; margin: auto; text-align: left; }

.line-dot-big { width: auto; margin: 10px 10px 10px 10px; height: 2px; background: url(Images/line_dot_big.gif) repeat-x 0 0; }
.line-dot { width: auto; margin: 0px 10px 0px 10px; height: 2px; background: url(Images/line_dot.gif) repeat-x 0 0; }

.button { border: 1px solid #d6d6d6; background-color: #e6e6e6; font-size: 12px; color: #444444; font-weight: normal; 
	background-image: url('Images/formButtonBgOn.gif'); background-repeat: repeat-x; background-position: center; 
	width: 60px; margin: 0px 2px 0px 0px; text-decoration: none; }
.buttonOn, .button:hover, .button:focus, .buttonOn:focus { border: 1px solid #777777; background-color: #4e8ccf; color: #FFFFFF;
	font-weight: normal; background-position: center; border-color: #777777; background-image: url('/Images/0.gif'); }
.button[disabled] { background: #eee; }	


/*
*	---------------------------------[ HEADER ]---------------------------------
*/
#header { top: 0; margin: auto; padding:0 0 20px 0; background: url(Images/top_bg.gif) repeat-x 0 0; height: 122px; width: 950px; }
#header #header_logo { position: absolute; top: 5px; left: 27px; z-index: 1; }
#header #header_logo_white { position: absolute; top: 10px; left: 220px; background: url(Images/top_logo_white_bg.png) no-repeat 0 0; height: 76px; width: 121px; }

#header #header_navigace { position: absolute; top: 25px; right: 58px; z-index: 1; float: right; }
#header #header_navigace a { color: #5a5a5a; text-decoration: none; font-size: 95%; }
#header #header_navigace a:hover { color: #ff3c00; }

#header #header_search { position: absolute; top: 58px; left: 700px; z-index: 1; background: url(Images/logo_crr_small.png) no-repeat 0 0; height: 19px; width: auto; }
#header #header_search #header_search_text { position: relative; margin-left: 32px; width: 300px; }
#header #header_search #header_search_textbox { position: relative; width: 9em; font-size: 110%; }

#header #header_adress { position: absolute; top: 98px; left: 29px; z-index: 1; font-size: 95%; }

/*
*	---------------------------------[ MAIN ]---------------------------------
*/
#main { top: 0px; margin: auto auto 15px auto; padding: 0px; width: 950px; border: 0; }
#mainC {  font-size: 1.1em; overflow: hidden; width: 535px; }
#mainC ul { margin-left: 2em; padding-left: 0em; margin-bottom: 3px; margin-top: 3px; } 
#mainC ul li { }
#mainC ol { margin-left: 2em; padding-left: 0em; margin-bottom: 1em; margin-top: 3px; } 
#mainC ol li { }
#mainC table { border: 0px; font-size: 100%; }
#mainC table td { font-size: 100%; margin: 4px; padding: 3px; }
#mainC table th { text-align: left; font-weight: bold; padding: 4px; }
#mainC a{ color: #234795; text-decoration: underline; }
#mainC a:hover{ color: #ff3c00; }


#mainC div.breadcrumb { font-size: 90%; margin: 5px 5px 10px 5px; padding: 0px 5px 0px 5px; line-height: 1.5em;  }
#mainC div.date-update { float: left; margin-top: 5px; }
#mainC div.author { float: right; margin-top: 5px; }
#mainC div.faq { }
#mainC div.faq h4 { color: #CC3300; background: url(Images/dot_red.gif) no-repeat left center; padding-left: 1em; margin-bottom: 5px; }
#mainC div.faq div.line-dot-faq { width: auto; margin: 0px; height: 2px; background: url(Images/line_dot.gif) repeat-x 0 0; }
#mainC div.faq div.faq-question { background-color: #f1f1f1; line-height: 1.5em; padding: 5px; color: #013895; font-weight: bold; }
#mainC div.faq div.faq-answer { padding: 5px; margin-bottom: 10px; }

#mainC ul.SiteMap {}
#mainC ul.SiteMap li { line-height: 1.3em; }
#mainC ul.SiteMap li a { text-decoration: none; }
#mainC ul.SiteMap li a:hover { text-decoration: underline; }
/*
*	---------------------------------[ RIGHT ]---------------------------------
*/
#rightC { float: right; width:189px; overflow: hidden; }
#rightC .rightPanel { background: url(Images/right-bg.gif) no-repeat 0 0; width: 189px; line-height: 30px; font-weight: bold; color: #013895;
	 margin: 0px 0px 3px 0px; padding:0px; }
#rightC .rightPanel .divnadpis { padding-left: 3.7em; }
#rightC .rightPanel .divtext { margin-top: 3px; border-left: 1px solid #d6d6d6; padding: 0px 3px 3px 3px; font-weight: normal; color: Black; }

#rightC .rightPanel .external-links { margin-top: 3px; border-left: 1px solid #d6d6d6; padding: 0px 3px 10px 3px; font-weight: normal; line-height: 1.6em; }
#rightC .rightPanel .external-links ul { list-style: none; } 
#rightC .rightPanel .external-links li { background: url(Images/menu-b-dot3.gif) no-repeat 2% top; }
#rightC .rightPanel .external-links li a { display: block; margin-left: 1.5em; padding-right: 2px; }

#rightC .rightPanel .contacts { margin-top: 3px; border-left: 1px solid #d6d6d6; padding: 0px 3px 10px 5px; font-weight: normal; line-height: 1.4em; }
#rightC .rightPanel .contacts .name { color: #013895; font-weight: bold; }
#rightC .rightPanel .contacts .order-text { color: #333; font-weight: normal; line-height: 1.4em; }
#rightC .rightPanel .contacts .order-text .order-text-gray { color: #666; }
/*
*	---------------------------------[ MENU - BLUE ]---------------------------------
*/
#menucontainer { width: 189px; }
#menucontainer ul.menu { float: left; width:189px; margin:0; padding:0px; }
#menucontainer ul.menu li { display: block; position: relative; font-size: 100%; list-style-type: none; }
#menucontainer ul.menu li a { color: White; text-decoration: none; }
#menucontainer ul.menu li a:hover { text-decoration: underline; }

#menucontainer ul.menu li.menu1-blue { background: url(Images/menu-1-bg.gif) no-repeat 0 0; width: 189px; line-height: 31px; font-weight: bold; color: #013895; }
#menucontainer ul.menu li.menu1-blue a.menu1 { text-decoration: none; padding-left: 3.7em; color:#013895; display: block; height: 31px; width: 143px; }

#menucontainer ul.menu li.menu1-blue a.menu1:hover { text-decoration: underline; }

#menucontainer ul.menu li.menu1-blue ul { margin-left: 0em; background-color: #00659c; }
#menucontainer ul.menu li.menu1-blue ul ul { margin-left: 0em; background-color: #277dac; padding-left: 1em; }

#menucontainer ul.menu li.menu1-blue ul li { background: url(Images/menu-b-dot.gif) no-repeat 4% top; width: inherit; line-height: 20px; font-weight: bold;
	border-bottom: 1px solid #003455; border-top: 1px solid #2ca2e2; list-style-position: outside; display: block; }
#menucontainer ul.menu li.menu1-blue ul li li { border: 0; list-style-position: outside; }
#menucontainer ul.menu li.menu1-blue ul li a { display: block; margin-left: 2em; padding-right: 2px; }
#menucontainer ul.menu li.menu1-blue ul li li a { font-weight: normal; padding-left: 0em; padding-right: 3px; }


#menucontainer ul.menu li.menu1-gray { background: url(Images/menu-1-bg.gif) no-repeat 0 0; width: 189px; line-height: 30px; font-weight: bold; color: #013895; }
#menucontainer ul.menu li.menu1-gray a.menu1 { text-decoration: none; padding-left: 3.7em; color:#013895; display: block; height: 30px; width: 143px; }
#menucontainer ul.menu li.menu1-gray a.menu1:hover { text-decoration: underline; }

#menucontainer ul.menu li.menu1-gray ul { margin-left: 0em; background-color: #e8e8e8; }
#menucontainer ul.menu li.menu1-gray ul ul { margin-left: 0em; background-color: #f2f2f2; padding-left: 1em; }

#menucontainer ul.menu li.menu1-gray ul li { background: url(Images/menu-b-dot-g.gif) no-repeat 4% top; width: inherit; line-height: 20px; font-weight: bold;
	border-bottom: 1px solid #b8b8b8; border-top: 1px solid white; list-style-position: outside; display: block; }
#menucontainer ul.menu li.menu1-gray ul li li { border: 0; list-style-position: outside; }
#menucontainer ul.menu li.menu1-gray ul li a { display: block; margin-left: 2em; padding-right: 2px; color: #333; }
#menucontainer ul.menu li.menu1-gray ul li li a { font-weight: normal; padding-left: 0em; padding-right: 3px; }

#menucontainer ul.menu li.menu1-blue a.menu1-sel { text-decoration: none; padding-left: 3.7em; display: block; height: 31px; width: 143px; color:#A70000; } /* Menu level 1 blue selected */
#menucontainer ul.menu li.menu1-gray a.menu1-sel { text-decoration: none; padding-left: 3.7em; display: block; height: 31px; width: 143px; color:#A70000; } /* Menu level 1 gray selected */
#menucontainer ul.menu li.menu1-blue a.menu2-sel { color: #e4bfa8; } /*Menu level 2 blue selected */
#menucontainer ul.menu li.menu1-gray a.menu2-sel { color: #A70000; } /*Menu level 2 gray selected */

/*
*	---------------------------------[ INFO BOX ]---------------------------------
*/
#main .messageBox {	float: none !important; position: relative !important; width: auto !important; margin: 0 !important; padding: 0 !important;
	border: 1px solid #BCBCBC !important; background-color: #fff !important; font-size: 95%;}
#main .messageBox p { float: none !important; display: block !important; position: relative !important; width: auto !important; margin: 0 !important;
	padding: 17px 15px 17px 68px !important; border: 3px solid #fff !important; color: #333 !important; background-color: #DCDCDC !important;
	background-position: left center !important; background-repeat: no-repeat !important; }
p.help-text { padding: 10px 15px 17px 68px !important; margin: 0 !important; }

.messageBox .alert { background-image: url(Images/hl-alert.gif) !important; }


/*
*	---------------------------------[ FOOTER ]---------------------------------
*/
#footer { margin: auto; padding: 0px 0px 0px 0px; width: 950px; background: url(Images/footer-bg.gif) repeat-x 0 0; height: 132px; position: relative; }
#footer #logo { padding-top: 13px; text-align: center; }
#footer #logo a { color: #d6d6d6; padding: 1px; margin: 1px; } 

#footer #footer-text { padding-top: 9px; text-align: center; }

/*
*	---------------------------------[ NOVINKY ]---------------------------------
*/
#mainC div.novinky { margin: 15px 0px 20px 0px; }
#mainC div.novinky div.novinky-vice-info a { color: White; text-decoration: none; }
#mainC div.novinky div.novinky-vice-info a:hover { color: White; text-decoration: underline; }

#mainC div.novinky-title { font-weight: bold; line-height: 1.5em; margin-bottom: 2px; color: #013895; }
#mainC div.novinky-vice-info { background-color: #0483ac; border-bottom: 1px solid #003455; text-align: center; width: 12em; float: right; 
	padding: 2px 3px 2px 3px; margin-top: 5px; font-weight: bold; font-size: 90%; }

#mainC div.novinkyList { margin: 15px 0px 20px 0px; text-align: left; }
#mainC div.novinkyList-title { font-weight: bold; line-height: 1.5em; margin-bottom: 2px; font-size: 1.1em; text-align: left; margin-bottom: 5px; }
#mainC div.novinkyList-annotation { text-align: justify; margin-top: 5px; }
#mainC div.novinkyList div.novinky-vice-info a { color: White; text-decoration: none; }
#mainC div.novinkyList div.novinky-vice-info a:hover { color: White; text-decoration: underline; }

/*
*	---------------------------------[ akce ]---------------------------------
*/
#mainC div.akce { margin: 15px 0px 20px 0px; }
#mainC div.akce-title { font-weight: bold; line-height: 1.5em; margin-bottom: 2px; text-align: left; }

#mainC div.akceList-title { font-weight: bold; line-height: 1.5em; margin-bottom: 2px; font-size: 1.1em; text-align: left; margin-bottom: 5px; }
/*
*	---------------------------------[ Organizační struktura ]---------------------------------
*/
#mainC div.urgLevel1 { font-weight: bold; padding: 3px; font-size: 14px; color: #cb231a; }
#mainC div.urgLevel2 { color: #013895; font-weight: bold; font-size: 12px; }
#mainC div.urgLevel2hl { font-weight: bold; font-size: 14px; color: #cb231a; }	/* dulezitá pozice */
#mainC div.Employees { font-weight: normal; }
#mainC div.Employees-Grade { font-weight: bold; }
#mainC div.EmployeesEnd { height: 8px; line-height: 8px; }
#mainC img { vertical-align: middle; }
#mainC img.hr { margin-right: 4px; }

#mainC ul.Structures {}
#mainC ul.Structures li { border: 0; list-style-position: inside; list-style-type: none;  }
#mainC ul.Structures li li { border: 0; list-style-position: inside; }

#mainC ul.Employees { margin-bottom: 5px; }
#mainC ul.Employees li { list-style-type: none;}
#mainC ul.Employees li.Grade { font-weight: bold; }

/*
*	---------------------------------[ Calendar ]---------------------------------
*/
div.Calendar .CalendarAkceDen { text-decoration: none; font-weight: bold; display: block; background-color: #0483ac; color: White; }
div.Calendar a { color: White; }
div.Calendar a:hover { text-decoration: underline; }
div.Calendar Table.TitleStyle td { color: #cb231a; }
div.Calendar Table.TitleStyle td a { width: 2em; text-align: center; vertical-align:middle; text-decoration: none; font-weight: bold; display: block; background-color: #0483ac; color: White;  }
div.Calendar Table.TitleStyle td a:hover { text-decoration: underline; }


/*
*	---------------------------------[ TABLE BLUE ]---------------------------------
*/
TABLE.tabBlue { background-color: White;  }
TABLE.tabBlue th { background-color: #336699; color: #FFFFFF; font-weight: bold; }
TABLE.tabBlue td.headr { background-color: #336699; color: #FFFFFF; font-weight: bold;  }
TABLE.tabBlue td { border-bottom: 1px solid #336699;  }

/*
*	---------------------------------[ TABLE GREY ]---------------------------------
*/
TABLE.tabGrey { background-color: White;  }
TABLE.tabGrey th { background-color: #999999; color: #FFFFFF; font-weight: bold; }
TABLE.tabGrey td.headr { background-color: #999999; color: #FFFFFF; font-weight: bold;  }
TABLE.tabGrey td { border-bottom: 1px solid #999999;  }

/** NAVIGACE na strane - odkazy dolu */
li.arrow_down { list-style:none; list-style-image: url(Images/arrow_down.gif); margin-left: 2px; }


/*
* ---------------------------------[ toolTip ]---------------------------------
*/
.tooltip {
    display:none; 
	background:url(/Content/Images/tooltip.png); 
	height:140px; 
	padding:40px 30px 10px 30px; 
	width:310px; 
	font-size:11px; 
	color:#fff;
	z-index: 999;
}
.tooltip TABLE.tabToolTip { font-weight: normal; text-align: left; }
.tooltip TABLE.tabToolTip th { color: #999; font-weight: normal; text-align: left; }
.tooltip TABLE.tabToolTip td { color: #333; font-weight: bold; text-align: left; }