/* ===================== ZAKLADNI HTML PRVKY */
body	{
	font-family: SegoeUI, Tahoma, "Lucida Grande CE", lucida, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	font-size: 12px;
	background:url("../img/body_bcg.jpg") repeat-x;
	
}

/* --- odkazy --- */
a 						{color: #00529b;}
a:hover 				{color: #00529b; text-decoration: none;}

/* --- ikonky k odkazum --- 
a[href$='.doc'], a[href$='.rtf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/doc.png) no-repeat center right;}
a[href$='.txt'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/txt.png) no-repeat center right;}
a[href$='.xls'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/xls.png) no-repeat center right;}
a[href$='.rss'], a[href$='.atom'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/rss.png) no-repeat center right;}
a[href$='.vcard'] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/vcard.png) no-repeat center right;}
a[href$='.pps'], a[href$='.ppt']		{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pps.png) no-repeat center right;}
a[href$='.pdf'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pdf.png) no-repeat center right;}
a[href$='.fla'], a[href$='.swf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/swf.png) no-repeat center right;}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/zip.png) no-repeat center right;}
a[href$='.css'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/css.png) no-repeat center right;}
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] 		
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/avi.png) no-repeat center right;}
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mp3.png) no-repeat center right;}
a[href *="icq.com"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/icq.png) no-repeat center right;}
a[href ^="callto:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}
a[href ^="skype:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}  
a[href ^="mailto:"], a.mail			{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mailto.png) no-repeat center right;}
a.out											{padding: 5px 20px 5px 0; background: transparent url(../img/ico/external.png) no-repeat center right;}
a.print										{padding: 5px 20px 5px 0; background: transparent url(../img/ico/print.png) no-repeat center right;}
*/
/* --- zakladni html prvky ---*/
em, i					{font-style: normal;}
hr						{display: block; clear: both; /*color: #626262; background: #626262; height: 1px; */border: 0px; margin: 10px 0px 10px 0px;}
p 						{text-align: left; margin: 0px 0px 10px 0px; line-height: 1.3em;}
strong 					{}
code 					{font-size: 140%; font-weight: bold;}
.div-bad {
        padding: 10px;
        border: 3px solid red;
        background: white;
        color: #613438;
		margin-bottom:20px;
}
.div-good {
        padding: 10px;
        border: 3px solid green;
        background: white;
        color: #613438;
		margin-bottom:20px;
}

.div-aktualita {
	display:block;
	margin-bottom:15px;
	font-size:10px;
	line-height:13px;
}
.div-aktualita h3 {
	margin:0 0 5px 0;
}


/* --- seznamy --- */
ul						{margin: 5px 0px 5px 5px; padding: 0px; text-align: left; list-style: none;}
li						{padding: 0px 0px 0px 15px; margin: 0px; background: url(../img/li.jpg) no-repeat 0px 8px;}
ol						{padding: 4px 0px 0px 20px; margin: 0 0 10px 0;}
ol li					{background:none; padding:0;}

/* --- obrazky --- */
img 								{border: 0px;}
a img.galerie, img.galerie	{border: 1px solid #626262; padding: 4px; background: #ffffff;}
a:hover img.galerie 			{border: 1px solid #666666; padding: 4px; background: #ffffff;}
img.border, img.ramecek		{border: 1px solid #8d6b41; padding: 2px;}
a:hover img.border			{border: 1px solid #000000;}
img.icon							{vertical-align: -3px; margin: 0px 3px 0px 1px;}
img.toleft						{margin: 0px 10px 10px 0px;}
img.toright						{margin-left: 10px;}

/* --- horni a dolni indexy --- */
sub, sup 			{vertical-align: baseline; position: relative;}
sub 					{top: 0.4em;}
sup 					{bottom: 0.4em;}

/* --- tabulky --- */
table.nice						{width: 390px; font-size: 0.9em;}
table.nice tr td 				{padding: 2px 4px 2px 4px;	font-size: 1em; border: 1px solid #dddddd;}
table.nice tr td.item		{background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom; font-weight: bold; width: 160px;}
table.nice tr th				{background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom; font-weight: bold; width: 120px;}
table.nice tr td.long		{width: 250px;}
table.short						{width: 230px;}
table.medium					{width: 350px;}
table.none 						{border: none;}
table.poslat-mail				{width:400px; margin-left:10px;}
table.poslat-mail td			{vertical-align:top;}
table.table-galerie tr td		{padding-right:15px; text-align:center; color:#976d33; vertical-align:top; width:155px; height:120px}
/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6		{clear: both; color: #00529b; font-size: 1.3em; margin: 0px;}
h1								{padding: 0px;	padding: 0px 0px 00px 0px; margin-bottom:20px; font-size: 26px; font-weight:normal; }
h2									{font-size: 14px; font-weight:bold; margin: 5px 0px 3px 0px; text-transform:none}
h3 								{font-size: 12px;  font-weight:bold;}
h4									{font-size: 12px;  font-weight:bold;}

/* --- formulare --- */
input, textarea				{width:200px; font-family:  'Trebuchet MS', Verdana, 'Geneva CE', Arial, Helvetica, sans-serif; font-size: 0.95em;}
input,textarea							{border: 1px solid #d3d2d2; margin-bottom: 5px; vertical-align:middle; margin-right:10px; padding: 3px; background: #ffffff;}
/*input.submit					{background: #dddddd; border: 1px solid #999999; color: #000000; width: 150px; height: 25px; font-size: 0.90em; padding: 0px 0px 2px 0px; text-transform: uppercase; text-decoration: none; text-align: center; font-weight: normal; cursor: pointer;}*/
input.hledat {
	float: left;	
	text-decoration:none;
	padding:3px 6px 4px 5px;
	vertical-align:middle;
	border:none;
	cursor:pointer;
	font-size:10px;
	
	color:#613438;
	width:51px;
	height:24px;
	background:url(../img/searchbutt.jpg) no-repeat;
}
input.button {
	border:none;
	cursor:pointer;
	font-size:10px;
	
	color:#fff;
	width:70px;
	height:25px;
	background:#990033;

	text-transform:uppercase;
	font-weight:bold;
}
input.radio						{vertical-align: -6px;}
input.checkbox					{border: 0px; width:10px}
textarea							{border: 1px solid #d7cccd; margin-bottom: 5px; padding: 3px;  background: #fafafa;}
form								{margin: 0px; padding: 0px;}
legend							{background: url(../img/bcg_mid_top.gif) no-repeat top; border: 1px solid #0d6a06; background: #269411; color: #ffffff; font-weight: bold; padding: 2px 10px 2px 10px;}
label 							{margin: 4px 10px 3px 10px; width: 90px; float: left; text-align: right;}
label.kratsi 					{width: 80px;}
label.pravy 					{margin: 4px 10px 3px 10px; width: 100px; float: right; text-align: left;}
label.povinny 					{color: #004080;}

/* --- globalni tridy --- */
.kurziva 		{font-style:italic}
.clear			{clear: both;}
.smaller			{font-size: 0.85em;}
.small 			{font-size: 0.8em;}
.bigger 			{font-size: 1.05em;}
.gray 			{color: #666666;}
.blue 			{color: #004080;}
.red				{color: #ed1c24;}
.green			{color: #008000;}
.bold 			{font-weight: bold;}
.right 			{text-align: right;}
.right_li		{float:right; margin-top:-20px;}
.center			{text-align: center;}
.left				{text-align: left;}
.toblock			{text-align: justify;}
.toleft			{display: block; float: left;	text-align: left;}
.toright			{display: block; float: right; text-align: left;}
.border			{display: block; border: 1px solid #b89263; padding: 0px 10px 0px 10px;}
.nomargin		{margin: 0px;}
.error			{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; background: #d0d0d0; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a			{color: #000000;}
.hidden			{display: none;}
.bad				{background: #ff0000; border: 1px solid #dddddd; color: #ffffff; padding: 2px 5px 2px 5px; font-weight: bold;}
.odsazeni		{padding:0px 8px 0px 8px; color:#d7cccd;}
.odeslat {background-color:#3b1e22;	color:#FFFFFF;	font-weight:bold; width:100px;}
.underline {text-decoration:underline;}
.huge 			{font-size:19px;}
p.margin12		{margin-top:12px;}
.hidden			{visibility:hidden}
.plnawidth 		{width:100%}
.odsazeniRight5 {margin-right:5px}
.odsazeniRight20 {margin-right:20px}
.odsazeniBottom20 {margin-bottom:20px}

.normalcase		{text-transform:none}
.inline			{display:inline;}
.displaynone 	{display:none;}
.block			{display:block}

#oddelovac {
	height:11px;
	width:180px;
	background:url(../img/hr.gif) no-repeat;
}

/*======================== seznamy */
.podmenu2				  { font-size: 12px;  list-style-type: none; margin: -0px 0px 0px 0px; padding: 0px 5px 2px 5px;  position:absolute; min-width: 100px; width:110px; background: #ffffff; border: 1px solid #d9d9d9; visibility: hidden; z-index: 10; display:block;}
.podmenu2 li		  {font-size: 12px;  text-align: left; float:none; padding: 0px 4px 0px 0px; margin: 3px 0px 3px 0px; background: #ffffff; _height: 15px;}
.podmenu2 a:link 		{ font-size:12px; }

.podmenu2 a				{font-size: 12px;   display:block;  padding: 4px 0px 4px 0px; margin: 0px; width:150px;}
/*.podmenu2 a:hover	{font-size: 11px;   text-decoration: underline; background: #d7cccd;}*/
.podtrzeni-podmenu2 {border-bottom: 1px solid #000;}
.podmenu2 h3  			{font-size:12px; font-weight:normal; display:inline;}


/* ======================================== */

/* ========================== BLOKOVE PRVKY */
#layout {
	width:980px;
	margin:auto;
	display:block;
}
#header {
	width:980px;
	float:left;
	display:block;
	height:175px;
	background:url("../img/header.jpg") no-repeat;
}
#header ul {
	display:block;
	float:left;
	margin:55px 0 0 590px;
}
#header ul li {
	display:inline;
	text-transform:uppercase;
	padding:0; margin:0;
		background:none;
	
}
#header ul li a {
	text-decoration:none;
	padding:2px 14px;
}
#header ul li a.singleBorder {
	border-right:1px solid #d9d9d9;
}
#header ul li a:hover {
	text-decoration:underline;
}
#header img {
	margin-top:20px;
}
#homepageMiddle {
	width:980px;
	height:300px;
	display:block;
	float:left;
	background:url("../img/hmpg_garaz.jpg") no-repeat;
}
	#uvodniText {
		display:block;
		float:left;
		width:340px;
		padding:80px 20px 0 40px;
		font-size:14px;
	}
	#uvodniText h1 {
		font-size:19px;
		font-weight:bold;
	}
	#kulateAkce {
		display:block;
		float:left;
		padding:50px 0 0 40px;
	}
#homepageBottom {
	width:960px;
	min-height:200px;
	display:block;
	float:left;
	padding:60px 0 40px 20px;
	background:url("../img/hmpg_boxy.jpg") no-repeat right top;
}
	#oProdejciHmpg {
		width:149px;
		min-height:220px;
		display:block;
		float:left;
		border-right:#d9d9d9 solid 1px;
		border-left:#d9d9d9 solid 1px;
		padding:45px 20px 0 20px;
		background:url("../img/o_prodejci_hmpg.jpg") no-repeat;
		font-size:11px;
	}
	#rychlyKontaktHmpg {
		width:149px;
		min-height:220px;
		display:block;
		float:left;
		padding:45px 20px 0 20px;
		border-right:#d9d9d9 solid 1px;
		background:url("../img/rychly_kontakt_hmpg.jpg") no-repeat;
		margin-right:39px;
		font-size:11px;
	}
	#vrataHmpg, #dvereHmpg, #zarubneHmpg {
		width:160px;
		float:left;
		display:block;
		margin-right:20px;
		min-height:100px;
	}
	#vrataHmpg {
		margin-top:-131px;
	}
	#vrataHmpg a.pictureSwap{
		background:url("../img/vrata_box.jpg") no-repeat;
	}
	#vrataHmpg a.pictureSwap:hover{
		background:url("../img/vrata_box_hover.jpg") no-repeat;
	}
	#dvereHmpg {
		margin-top:-131px;
	}
	#dvereHmpg a.pictureSwap{
		background:url("../img/dvere_box.jpg") no-repeat;
	}
	#dvereHmpg a.pictureSwap:hover{
		background:url("../img/dvere_box_hover.jpg") no-repeat;
	}
	#zarubneHmpg {
		margin-top:-131px;
	}
	#zarubneHmpg a.pictureSwap{
		background:url("../img/zarubne_box.jpg") no-repeat;
	}
	#zarubneHmpg a.pictureSwap:hover{
		background:url("../img/zarubne_box_hover.jpg") no-repeat;
	}
#footer {
	width:940px;
	height:25px;
	display:block;
	float:left;
	background:url("../img/footer.jpg") no-repeat;	
	color:#bababa;
	font-size:11px;
	padding:22px 20px 0 20px;
}
#footer ul {
	margin:0;
	padding:0;
	display:block;
	float:right;
}
#footer ul li {
	display:inline;
	margin:0;
	padding:0;
	text-transform:uppercase;
	background:none;
}
#footer a {
	color:#bababa;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

#content {
	width:980px;
	display:block;
	margin:40px 0;
	float:left;
	background:url("../img/content_bcg.jpg") repeat-y;
}
#leftPane {
	width:151px;
	display:block;
	float:left;
	padding:0 20px;
}
#vrataPane {
	width:151px;
	background:url("../img/vrata.jpg") no-repeat;
	padding-top:34px;
	margin-bottom:20px;
}
#dverePane {
	width:151px;
	background:url("../img/dvere.jpg") no-repeat;
	padding-top:34px;
	margin-bottom:20px;
}
#zarubnePane {
	width:151px;
	background:url("../img/zarubne.jpg") no-repeat;
	padding-top:34px;
}
ul.odkazy {
	margin:16px 0 15px 0;
	padding:0;	
}
ul.odkazy li {
	padding-left:10px;
border-bottom:1px dotted #d9d9d9;
	padding-bottom:5px;
	margin-bottom:5px;}
ul.odkazy li a {
	text-decoration:none;
	
}
ul.odkazy li a:hover {
	text-decoration:underline;
}
ul.odkazy2 {
	margin:0 0 15px 0;
	padding:0;	
	font-size:11px;
}
ul.odkazy2 li {
	padding-left:10px;
	padding-bottom:2px;
	margin-bottom:2px;}
ul.odkazy2 li a {
	text-decoration:none;
	
}
ul.odkazy2 li a:hover {
	text-decoration:underline;
}
div.yellowArrow {
	width:14px;
	height:13px;
	display:block;
	float:right;
	margin:-24px 9px 0 0;
}
.sipkaup {
	background: url(../img/yellow_up.jpg);
}
.sipkadown {
	background: url(../img/yellow_down.jpg);
}
#mainContent {
	width:558px;
	padding:0 20px;
	display:block;
	float:left;
}
#rightPane {
	width:151px;
	display:block;
	float:left;
	padding:0 20px;
}
#keStazeni {
	width:151px;
	display:block;
	float:left;
	padding:34px 0 0 0;
	background:url("../img/kestazeni.jpg") no-repeat;
	font-size:11px;
}
#rychlyKontakt {
	width:121px;
	display:block;
	float:left;
	padding:50px 15px 0 15px;
	background:url("../img/rychlykontakt.jpg") no-repeat;
	font-size:11px;
}
#kulateAkce2 {
	width:136px;
	display:block;
	float:left;
	padding-left:15px;
	padding-top:20px;
}
.obrLogo {margin-right: 10px; margin-top:3px; float: left;}