@charset "utf-8";

BODY {
	TEXT-ALIGN: left;
	LINE-HEIGHT: 18px;
	/*	BACKGROUND-COLOR: #faf9f8; */
	BACKGROUND-COLOR: #FFF;
	MARGIN: 0px;
	margin-bottom:30px;
	BACKGROUND-REPEAT: repeat-x;
	FONT-FAMILY: Helvetica, Tahoma, Arial;
	COLOR: #000;
	FONT-SIZE: 13px;
	FONT-WEIGHT: normal;
	border: 1px none #000;
	/*background-image: url(pozadi-prechod.jpg);*/
}
TD {
	TEXT-ALIGN: left;
	LINE-HEIGHT: 18px;
	MARGIN: 0px;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
}
TR {
	VERTICAL-ALIGN: top
}
P {
	MARGIN: 0px;
	MARGIN-BOTTOM: 10px;
	color: #444;
}
A {
	COLOR: #d31204;
	FONT-SIZE: 16px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: underline
}

A.staid {
	COLOR: #666;
	FONT-SIZE: 13px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: undeline
}

A.staid-text {
	FONT-SIZE: 16px;
	COLOR: #444;
	font-weight:normal;
	TEXT-DECORATION: undeline;
}


UL {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 30px;
	PADDING-RIGHT: 0px;
	line-height: 20px;
	color:#444;
}



/* ~~ this fixed width container surrounds all other elements ~~ */
.container {
	width: 740px;
	TEXT-ALIGN: left;
	BACKGROUND-REPEAT: no-repeat;
	border: 1px none #999;
}

/* ~~ This is the layout information. ~~ 

1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

*/
.content {
	/*padding: 10px 0;*/
	TEXT-ALIGN: left;
	WIDTH: 750px;
	background-color: #FFF;
	border: thin none #000;
	margin-top: 30px;
}

.logo {
	height: 25px;
	width: 437px;
	float: none;
	clear: none;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	margin-top: 0px;
}


.cleaner {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px; 
	BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 0px
}
.oddelovaci-lista {
	background-color: #999;
	height: 1px;
	width: 720px;
	clear: right;
	float: none;
	margin-top: 40px;
	margin-bottom: 5px;
	margin-left: 10px;
}

ul.hlavni-ramecek{
	line-height: 32px;
	margin-left:60px;
	list-style-image:url(odrazka2.gif);
	font-size: 16px;
	padding-right: 20px;
	/*color: #204A75;*/
	color: #1056AB;
	letter-spacing: 1px;
	padding-left: 20px;
}

p.hlavni-ramecek {
	/*color: #204A75;*/
	color: #1056AB;	
	margin-left: 30px;
	margin-right: 25px;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 19px;

	
	
}

ul.hlavni-ramecek-spodni{
	line-height: 30px;
	margin-left:65px;
	margin-bottom:25px;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 20px;
	/*color: #204A75;*/
	color: #1056AB;		
	letter-spacing: 1px;
	list-style-type: decimal;
}



A.butc {
	BACKGROUND-IMAGE: url(zadejte-zde.jpg);
	TEXT-ALIGN: center;
	WIDTH: 200px;
	DISPLAY: block;
	BACKGROUND-REPEAT: no-repeat;
	FLOAT: left;
	HEIGHT: 46px;
	COLOR: #fff;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	PADDING-TOP: 1px;
	clear: right;
}
A.butc:active {
	BACKGROUND-IMAGE: url(zadejte-zde.jpg); TEXT-ALIGN: center; WIDTH: 200px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; FLOAT: left; HEIGHT: 46px; COLOR: #fff; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 1px
}
A.butc:visited {
	BACKGROUND-IMAGE: url(zadejte-zde.jpg); BACKGROUND-REPEAT: no-repeat; COLOR: #fff; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.butc:hover {
	BACKGROUND-IMAGE: url(zadejte-zde-hover.jpg );
	BACKGROUND-REPEAT: no-repeat;
	COLOR: #000;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}




H1 {
	LINE-HEIGHT: 26px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	COLOR: #333;
	FONT-SIZE: 24px;
	FONT-WEIGHT: normal;
	clear: none;
	float: none;
	margin-bottom: 10px;
	margin-top: 30px;
}

H1  A {
	LINE-HEIGHT: 26px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	COLOR: #333;
	FONT-SIZE: 24px;
	FONT-WEIGHT: normal;
	clear: none;
	float: none;
	margin-bottom: 10px;
	margin-top: 30px;
}


H2 {
	LINE-HEIGHT: 26px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	COLOR: #666;
	FONT-SIZE: 19px;
	FONT-WEIGHT: normal;
	clear: none;
	float: none;
	margin-bottom: 10px;
	margin-top: 30px;
}

H3 {
	LINE-HEIGHT: 26px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	COLOR: #666;
	FONT-SIZE: 16px;
	FONT-WEIGHT: bold;
	clear: none;
	float: none;
	margin-bottom: 0px;
}

H4 {
	LINE-HEIGHT: 26px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	COLOR: #666;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	clear: none;
	float: none;
	margin-bottom: 0px;
}








.hlavni_menu_a {
	height: 57px;
	width: 400px;
	background-image: url(menu_a.jpg);
}

.hlavni_menu_b {
	height: 57px;
	width: 400px;
	background-image: url(menu_b.jpg);
}

.hlavni_menu_c {
	height: 57px;
	width: 400px;
	background-image: url(menu_c.jpg);
}



.ramecek_text {
	height: 464px;
	width: 400px;
	background-image: url(hlavni-ramecek-text.jpg);
}
.hlavni_obrazek {
	height: 520px;
	width: 260px;
	margin-top: 10px;
	margin-left: 10px;
}
.hlavni_text {
	width: 660px;
	margin-top: -5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-left: 40px;
	letter-spacing: 0.04em;
	line-height: 20px;
	text-align: justify;
}
.spodni_menu {
	height: 40px;
	font-size:14px;	
	margin-left: -10px;
	margin-bottom: 10px;
}

A.menu-item {
	font-size:14px;
	color:#333;

}


.paticka {
	margin-left: 20px;
}

.zadost-button, A.zadost-button, A.zadost-button:active, A.zadost-button:visited {
	BACKGROUND-IMAGE: url(menu-title-zadost-o-pujcku.jpg);
	BACKGROUND-REPEAT: no-repeat;
	WIDTH: 134px;
	HEIGHT: 24px;
	DISPLAY: block;
	margin-top: 11px;
	margin-left: 14px;
	float:left;	
}




A.zadost-button:hover {
	BACKGROUND-IMAGE: url(menu-title-zadost-o-pujcku-hover.jpg); 
	WIDTH: 136px;
	HEIGHT: 27px;	
	margin-top: 10px;	
	margin-left: 12px;	
	float:left;	
}



.informace-button, A.informace-button, .informace-button:active, A.informace-button:visited {
	BACKGROUND-IMAGE: url(menu-title-detail-pujcky.jpg);
	BACKGROUND-REPEAT: no-repeat;
	WIDTH: 105px;
	HEIGHT: 23px;
	margin-top: 12px;
	margin-left: 12px;
	DISPLAY: block;
	float:left;	
}

A.informace-button:hover {
	BACKGROUND-IMAGE: url(menu-title-detail-pujcky-hover.jpg);
	WIDTH: 107px;
	HEIGHT: 25px;
	margin-top: 11px;
	margin-left: 10px;
	float:left;	
}




.otazky-button, A.otazky-button, A.otazky-button:active, A.otazky-button:visited {
	BACKGROUND-IMAGE: url(menu-title-caste-otazky.jpg);
	BACKGROUND-REPEAT: no-repeat;
	WIDTH: 112px;
	HEIGHT: 24px;
	DISPLAY: block;
	margin-top: 11px;
	margin-left: 8px;
	float:left;	
}

A.otazky-button:hover {
	BACKGROUND-IMAGE: url(menu-title-caste-otazky-hover.jpg);
	WIDTH: 113px;
	HEIGHT: 27px;
	margin-top: 10px;
	margin-left: 7px;
	float:left;	
}



.pujcka-logo {
	margin-bottom: 10px;
}
.h-lista {
	background-color: #808080;
	background-image: url(h-lista-bod.jpg);
	background-repeat: repeat-x;
	height: 3px;
}
.tri-kroky {
	font-size: 16px;
	color: #1056AB;
}

P.spodni-odstavec {
	font-size:12px;
	color:#000;
	text-align:justify;
}

.cara {
	border-top:1px solid #CCC;
	margin-bottom:10px;
}
A.grade, A.grade:active, A.grade:visited, A.grade:hover {
	color:#333;
	font-weight:normal;
	text-decoration:underline;
}

A.bright, A.bright:active, A.bright:visited, A.bright:hover {
	color:#F00;
}
A.bright2, A.bright:active, A.bright:visited, A.bright:hover {
	color:#F00;
	font-weight:bold;
}

A.finest, A.finest:active, A.finest:visited, A.finest:hover {
	color:#808080;
	text-decoration:underline;
}

.obecne-info {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border: 1px solid #CCC;
    padding: 12px;
    font-style: italic;
    font-size: 14px; 
    background-color: #FDFDFD;
    color: #333;
    line-height: 20px;
    padding-bottom: 16px;    
}