/*########################################################
		tagy
########################################################*/
body{
	margin: 0px 0px 30px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #12222e;
	color: #223d51;
}

h2{
	
}

a img{
border: none;
}
a{
	color: #000000;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
/*########################################################
		pomocne tridy
########################################################*/
.clear{
clear: both;
}
.error {
display: block;
color: #990000;
font-size: 12px;
background: #FFA6A8;
border: #CC0000 1px solid;
padding: 10px;
margin-bottom: 20px;
}
.oki {
display: block;
color: #006600;
font-size: 12px;
background: #C9FFBF;
border: #006600 1px solid;
padding: 10px;
margin-bottom: 20px;
}
.center{
text-align: center;
}
/*########################################################
		layout
########################################################*/
#top-pruh{
	width: 100%;
	display: block;
	height: 90px;
	background: #e0eaf0 url(./images/header_bg.jpg) repeat-x top;
}
#header{
	display: block;
	width: 813px;
	height: 90px;
	margin: 0px auto 0px auto;
}
#header a.webname{
	font-size:36px;
	padding: 10px;
}
#header img{
	margin: -42px 0px 0px 0px;
	padding: 0px;
}
#menu-pruh{
	width: 100%;
	display: block;
	height: 65px;
	padding: 0px;
	margin: 0px;
	background: #1a3041 url(./images/menu_bg.gif) repeat-x top;
}
#menu{
	display: block;
	width: 813px;
	height: 65px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
#main-container{
	display: block;
	padding: 0px;
	background: #f1f2f4 url(images/body_bg.jpg);
	margin: 0px;
}
#main{
	width: 813px;
	display: block;
	padding: 20px 0px 35px 0px;
	margin: 0px auto 0px auto;
	overflow:visible;
}

#footer-container{
	display: block;
	width: 100%;
	background: #1f394c url(./images/footer_bg.gif) repeat-x top;
	z-index: 70;
}
#footer{
	display: block;
	width: 813px;
	height: 64px;
	color: #9faab2;
	padding-top: 35px;
	margin: 0px auto 0px auto;
	line-height: 25px;
	font-size: 11px;
	text-align: left;
	z-index: 80;
}
#footer a{
	color: #FFFFFF;
}

/*########################################################
		menu
########################################################*/
#menu ul{
	padding: 0px 0px 0px 2px;
	margin: 0px;
	background: url(images/menu_bok.gif) no-repeat left;
	display: block;
}
#menu ul li{
	display: inline-block;
	padding: 0px;
	margin: 0px;
}
#menu ul li h3{
	display: inline;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}
#menu ul li h3 a{
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	height: 23px;
	padding: 17px 13px 10px 10px;
	margin: 0px 0px 0px 0px;
	background: url(images/menu_bok.gif) no-repeat right;
}
#menu ul li a.active{
	color: #1e3648;
	background-color: #f1f2f4;
	background: url(images/menu_bg_active.gif) repeat-x;
}
#menu ul li a:hover{
	text-decoration: underline;
}

#menu ul.sub {margin: 0px 0px 0px 0px; width: 150px; padding: 0px; display: block; background-image: none;background-color: #142533;}
#menu li {float: left;}
#menu ul.sub li {margin: 0; padding: 0;display: block;}
#menu ul.sub {position: absolute; z-index: 10; visibility:hidden;} /*pokud vynecháme tento rádek budeme mít pri vypnutém JavaScriptu prístupné menu pod sebou*/

#menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
#menu ul.sub li a {display: block; margin: 0; width: 150px; color: #FFFFFF; background-image: none; background-color: #142533;}
#menu ul.sub li > a {width: 140px;}
#menu ul.sub li a:hover {}
#menu ul.sub li ul{margin: 0px 0px 0px 0px;}
#menu ul li.main:hover h3 a {}
#menu ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
#menu ul li.main:hover ul.sub {visibility: visible;}


/*########################################################
		obsah
########################################################*/


#main h1, .rychly-kontakt-vpravo h3{
background: #1c3344 url(images/H1.gif) repeat-x bottom;
display: block;
height: 38px;
color: #dfe3ea;
text-transform: uppercase;
font-weight: normal;
font-size: 24px;
padding: 12px 15px 0px 17px;
margin: 0px 0px 0px 0px;
}

#main .block,#main .data{
margin: 0px 0px 20px 0px;
border: #e0eaf0 1px solid;
background: #FFFFFF;
padding: 15px;
}
img.img-roh{
float: right;
margin: -35px 0px -35px 0px;
z-index: 100;
}

.data li{
list-style-image: url(images/fajfka.gif);
}
.data ul.administrace-menu li{
list-style-image: none;
}
.data ul li {
padding-bottom: 3px;
}

.podtrh{
border-top: 1px solid #dfe3ea;
display: block;
height: 1px;
}

/*
<div class="pujcka-online">
<h3>PUJCKA ON - LINE</h3>
<a href="vyplnit-formular">VYPLNIT FORMULÁR</a>
<img src="images/mince.png" alt="mince" />
</div>
*/
.pujcka-online{
background: #f3f6f8;
border: #ccd0d4 1px solid;
color: #152735;
display: block;
width: 235px;
height: 90px;
float: right;
margin-top: -130px;
}
.pujcka-online h3{
font-size: 18px;
font-weight: normal;
margin: 10px 0px 0px 10px;
padding: 0px;
}
.pujcka-online a{
display: block;
padding: 0px 0px 0px 10px;
margin: 10px 0px 0px 10px;
font-size: 13px;
background: url(images/sipka.gif) left no-repeat;
}
.pujcka-online img{
float: right;
}
.kariera,.kontakt{
width: 530px;
display: block;
float: left;
}
.rychly-kontakt-vpravo{
display: block;
float: right;
width: 240px;
margin: -50px 0px 0px 0px; /* -50px - to je vyška nadpisu h1*/ 
}
.rychly-kontakt-vpravo form{
padding: 0px;
margin: 0px;
}
.rychly-kontakt-vpravo label,.kontaktni-udaje label{
margin: 3px 0px 0px 10px;
padding: 0px;
display: block;
}
.rychly-kontakt-vpravo input,.kontaktni-udaje input{
background: #f1f2f4;
border: #e0eaf0 1px solid;
margin: 3px 0px 0px 10px;
height: 22px;
width: 175px;
padding: 5px 5px 0px 5px;
}
.rychly-kontakt-vpravo textarea{
background: #f1f2f4;
border: #e0eaf0 1px solid;
margin: 3px 0px 0px 10px;
width: 175px;
height: 130px;
padding: 5px 5px 0px 5px;
}
.rychly-kontakt-vpravo input.login-submit,.kontaktni-udaje input.login-submit{
background: #142634;
color: #FFFFFF;
margin: 7px 0px 0px 10px;
padding: 5px;
height: 28px;
width: 80px;
}
.nabidka_obd{
background: #f3f6f8;
border: #ccd0d4 1px solid;
color: #152735;
display: block;
width: 235px;
height: 90px;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.nabidka_obd h3{
font-size: 18px;
font-weight: normal;
margin: 10px 0px 0px 10px;
padding: 0px;
}
.nabidka_obd a{
display: block;
padding: 0px 0px 0px 10px;
margin: 10px 0px 0px 10px;
font-size: 13px;
background: url(images/sipka.gif) left top no-repeat;
}
.nabidka_obd img{
float: right;
margin: 15px -15px -15px 0px;
}
.nabidka_odkazy{
width: 480px;
height: 160px;
margin: 20px 0px 20px 0px;
padding: 10px 20px 10px 20px;
border: #e0eaf0 1px solid;
background: #FFFFFF;
}
.nabidka_odkazy h3,.nabidka_kontaktujte h3{
font-size: 18px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px;
}
.nabidka_odkazy a,.nabidka_kontaktujte div{
display: block;
padding: 0px 0px 0px 18px;
margin: 17px 0px 15px 10px;
font-size: 13px;
background: url(images/sipka.gif) left top no-repeat;
}

.nabidka_kontaktujte{
width: 200px;
height: 160px;
margin: 20px 0px 20px 0px;
padding: 10px 20px 10px 20px;
border: #e0eaf0 1px solid;
background: #FFFFFF;
}
/*#####################################################
uvod
#####################################################*/
.banner{
width: 520px;
height: 160px;
margin: 20px 0px 20px 0px;
border: #e0eaf0 1px solid;
background: #FFFFFF;
}
.prihlaseni-right{
width: 220px;
height: 150px;
margin: 20px 0px 20px 0px;
padding: 0px 10px 10px 10px;
border: #e0eaf0 1px solid;
background: #FFFFFF;
}
.left{
float: left;
}
.right{
float: right;
}
.prihlaseni-right h3{
margin: 10px 0px 0px 15px;
padding: 0px;
font-size: 18px;
}
.prihlaseni-right form{
padding: 0px;
margin: 0px;
}
.prihlaseni-right input{
background: #f1f2f4;
border: #e0eaf0 1px solid;
margin: 7px 0px 0px 15px;
height: 22px;
width: 140px;
padding: 5px 5px 0px 5px;
}
.prihlaseni-right input.login-submit{
background: #142634;
color: #FFFFFF;
margin: 7px 0px 0px 15px;
padding: 5px;
height: 28px;
width: 80px;
}
.prihlaseni-right img.img-roh{
margin: -45px 0px -45px 0px;
}
/*#####################################################
formular
#####################################################*/
table.formular{
width: 100%;
}
table.formular div{
margin: 0px 0px 0px 30px;
padding: 3px 5px 3px 5px;
}
table.formular td{
vertical-align: bottom;
}
table.formular .popisek{
margin: 0px 0px 2px 30px;
}
table.formular .img{
display: block;
float: left;
width: 20px;
height: 20px;
margin: 0px 10px 0px 0px;
}
table.formular input, table.formular .inputText{
background: #f1f2f4;
border: #e0eaf0 1px solid;
height: 22px;
width: 140px;
}
table.formular .textarea{
background: #f1f2f4;
border: #e0eaf0 1px solid;
}
table.formular .textarea{
height: 100px;
width: 400px;
}
table.formular .odeslat{
background: #142634;
color: #FFFFFF;
margin: 7px 0px 0px 10px;
padding: 5px;
height: 28px;
width: 80px;
}
td.nadpis{
font-size: 14px;
font-weight: bold;
padding: 15px 0px 0px 0px;
}
/*#####################################################
soubor
#####################################################*/

.soubor{
width: 140px;
height: 102px;
display: block;
text-align: center;
float: left;
margin: 0px 5px 10px 2px;
}
.soubor_file_ramecek{
background: url(images/fotky-stin.jpg) no-repeat bottom;
}
.soubor a{
text-decoration: none;
}
.soubor a img{
border: 1px solid #181818;
}
.soubor a .soubor-nazev{
color: #ffffff;
text-decoration: none;
}
.soubor a img{
margin: 0px auto 0px auto;
}
.soubor a:hover .soubor-nazev{
text-decoration: underline;
}
.soubor-nazev{
font-size: 10px;
}