@charset "utf-8";
/* CSS Document */
html {padding:0; margin:0; border:0; width:100%; height:100%}
body{font: 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif; background:#5d6ea4; font-size:80%; line-height:140%; background:#ecfafd url(img/back_body.gif) repeat; padding:0; margin:0; position:relative; width:100%; height:100%}
#mainFrame{width:924px; background:white; padding:10px; margin:0 auto; z-index:0}

a{color:#e86f1e;}
a:hover {text-decoration:none}
a img{border:none;}
ul{ list-style:url(img/bull_square.gif)}
p.perex{color:#405086; font-weight:bold; border-bottom: 1px solid #e3e3e3; padding-bottom:15px;}
.small {font-size:.8em}

#content h2 {margin:0; padding:15px 0 0 0; font-size:1.4em}
#content h3 {font-size:1.2em}

table{border:1px solid #ebebeb; border-collapse:collapse}
th{background:#7786bd; color:white; text-align:left; padding:3px 12px; border-bottom:1px solid #c4cbe5;}
td{border-bottom:1px solid #ebebeb; padding:2px 12px}
td.right, th.right {text-align:right}

table.noborder {border:0}
table.noborder td, table.noborder th {border:0; vertical-align:top; padding:1px 0}

div#header{padding:20px 40px; width:880px; _width:auto}
p#Haglley{color:#425285; font-size:120%; font-weight:bold; position:relative}
	p#Haglley, p#Haglley span{width:181px; height:37px;}
	p#Haglley span{display:block; position:absolute; top:0; left:0; background:url(img/logotyp.gif) no-repeat;}


ul#mainmenu{width:100%;float:left;list-style: none;background: url(img/back-menu-ul.png) right top no-repeat;padding:0; margin:0;text-transform:uppercase} 
  #mainmenu li{float:left;}
  #mainmenu li.first{background:url(img/back-menu-first.png) left top no-repeat}
  #mainmenu a{float:left; display:inline-block; padding:10px 8px 5px; color:white; text-decoration:none; border-bottom:1px solid white; border-right: 1px solid #77777a;}
  #mainmenu a:hover, #mainmenu a.active{background: #435485 url(img/back-menu-active.png) top repeat-x; border-bottom:1px solid #47588f; border-left:1px solid #313b5c; border-right:1px solid #2e3754;}
  #mainmenu a:hover{ background: #414961 url(img/back_mainmenu_hover.gif) top repeat-x; border-left:none; border-bottom:1px solid white;}
  
ul#sideMenu{background:#f3f3f3; padding:0; margin:0; list-style:none; width:225px}
	ul#sideMenu li{background:url(img/back_sidemenuLiBack.gif) top right no-repeat}
	ul#sideMenu a{display:block; height:27px; padding:7px 20px 0; color:#0a1744;}
	ul#sideMenu a.active{background: url(img/back_sidemenuLiActive.gif) right 50%;}
	ul#sideMenu a:hover{background: url(img/back_sidemenuLiHover.gif) right 50%;}

p#breadcrumbs{text-align:right; padding:5px 20px; margin:0; background:#47588f; color:#fff; clear:both; font-size:90%; font-weight:bold}
	p#breadcrumbs a{color:#40c4dd; font-weight:normal;}
	p#breadcrumbs a:hover{text-decoration:none;}
	
div#content{float:left; margin:0 15px; line-height:160%; width:454px}

h1{color:#fff; background:#5b6ca3; clear:both; position:relative; margin:0; padding:0; line-height:100%}
	h1, h1 span{width:100%; height:162px;}
	h1 span{display:block; position:absolute; top:0; left:0;}
	h1#main span{background:#425285 url(img/h2Main.jpg) bottom right no-repeat}
	
	h1#off, h1#off span, h1#poradenstvi, h1#poradenstvi span, h1#onas, h1#onas span, h1#dotace, h1#dotace span, h1#uknom span, h1#uknom, h1#praha1 span, h1#praha1, h1#cesi span, h1#cesi {height:86px}
	h1#off span{background:#5b6ca3 url(img/h2Off2.jpg) bottom right no-repeat}
	h1#poradenstvi span{background:#5b6ca3 url(img/h2poradenstvi.jpg) bottom right no-repeat}
	h1#onas span{background:#5b6ca3 url(img/h2onas.jpg) bottom right no-repeat}
	h1#dotace span{background:#5b6ca3 url(img/h2dotace.jpg) bottom right no-repeat}
	h1#uknom span{background:#0f2e7c url(img/h2uknom.jpg) bottom right no-repeat}
	h1#praha1 span{background:#5b6ca3 url(img/h2praha1.jpg) bottom right no-repeat}
	h1#cesi span{background:#5b6ca3 url(img/h2cesi.jpg) bottom right no-repeat}

div#sluzby{border-right: 1px solid #e4e4e4; padding-left:9px; margin-top:5px; background:url(img/back_sluzby.gif) top left repeat-y;}
h3#sluzby {position:relative; padding:0; margin:20px;}
	h3#sluzby, h3#sluzby span{width:136px; height:29px;}
	h3#sluzby span{display:block; position:absolute; top:0; left:0; background:url(img/txt_h3_sluzby.gif;) no-repeat}
	
	h3#zavolame {position:relative;}
	h3#zavolame, h3#zavolame span{width:180px; height:36px;}
	h3#zavolame span{display:block; position:absolute; top:0; left:0; background: url(img/txt_h3_kontakt.gif)}
	
.roundedBox{background:url(img/roundedTop.gif) top left no-repeat;width:286px;padding-top:10px;font-size:95%;float:left;margin-top: 10px;margin-right: 5px;margin-bottom: 0;margin-left: 5px}
	.roundedBox h3{margin:0 10px; padding:0; position:relative; font-size:100%;}
	.roundedBox h3 span{display:block; position:absolute; top:0; left:0;}
		.roundedBox h3#dane, .roundedBox h3#dane span{width:261px; height:40px;}
		.roundedBox h3#dane span{ background:url(img/txt_dane.gif) no-repeat}
		.roundedBox h3#dotace, .roundedBox h3#dotace span {width:261px; height:40px;}
		.roundedBox h3#dotace span{ background:url(img/txt_dotace.gif) no-repeat}
		.roundedBox h3#cesi, .roundedBox h3#cesi span {width:245px; height:40px;}
		.roundedBox h3#cesi span{ background:url(img/txt_cesi.gif) no-repeat}
		.roundedBox h3#poradenstvi, .roundedBox h3#poradenstvi span {width:249px; height:41px}
		.roundedBox h3#poradenstvi span {background:url(img/txt_poradenstvi.gif) no-repeat}
	.roundedBox p{background:url(img/roundedBottom.gif) bottom left no-repeat;padding-top: 0px;padding-right: 15px;padding-bottom: 10px;padding-left: 42px;}
	
	.roundedBox a, .AccordionPanelContent a{ background:#e86f1e; color:#fff; font-weight:bold; padding:3px 10px; display:block; margin:10px 0; border:1px solid #dba37d; text-align:center}
		.roundedBox h3 a{padding:0; margin:0; display:inline; margin:0; background:none; border:none;}
	.roundedBox a:hover, .AccordionPanelContent a:hover {background:#f3b58b}
	

	div#kontakt{font-size:90%; margin-top:5px; background:url(img/back_sluzby.gif) top left repeat-y;}
	
	form#callback {position:relative; margin:0 20px;}
		div#jmeno, div#telefon {position:relative; float:left;}
		input#jmeno-field, input#telefon-field{background:#f8f8f8 url(img/back_formInput.gif) top right no-repeat; border:1px solid #c8c8c8; padding:3px; margin:2px 0; width:160px;}
		div#submit{clear:both; padding-top:5px; text-align:right; width:16.9em;}
		
		label.overlabel {color:#8d8d8d;}
		label.overlabel-apply {position:absolute; top:6px;left:5px; z-index:1; color:#8d8d8d;}		
		
#kdojsme{
	font-size:90%;
	float:left;
	margin-top:5px;
	border-top:3px solid #dfdfdf;
	width:250px;
	background:#f1f2f5 url(img/back_kdojsme.jpg) left bottom no-repeat;
	padding-left: 160px;
}
	#kdojsme h3{margin:10px 15px 5px 15px; font-size:1.2em}
	#kdojsme p {margin:0px 10px 10px 10px; padding:0}

/* SPLASH */
#splash-back {
	background:#000; opacity:.75; filter: alpha(opacity = 75);
	width:100%; height:100%; position:fixed; top:0; left:0}
#splash {
	top:0; left:0; width:100%; height:100%; position:fixed}
#splash-content {
	background:#fff url(img/banner.jpg) bottom center no-repeat; border:5px solid #fff;
	width:400px; height:264px; margin:275px auto 0 auto; position:relative; border-radius:5px}
#splash-close {
	position:absolute; top:15px; right:15px;
	width:28px; height:28px; display:block;
	background:url(img/close-button.png) 0 0 no-repeat}
#splash-close:hover {
	background:url(img/close-button.png) 0 -28px no-repeat}
#splash-close span {display:none}