html {overflow:-moz-scrollbars-vertical;}

body {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 70%;
	text-align: center;
	font-family: Tahoma, "Verdana CE", Verdana, sans-serif;
	color: #2f2f2f;
	background: url(../img/bg-visacka.gif) no-repeat 50% 0 #FFF;
	line-height: 1.5em;
	}
	body.kontakty {background: url(../img/bg-visacka2.gif) no-repeat 50% 0 #FFF;}

* {	margin: 0; padding: 0;}

#content h2, #content h1 {
	margin: 0 0 14px 0;
	padding: 0 0 0 0;
	color: #0091c5;
	line-height: 25px;
	top: 10px;
	position:relative;
		}
		.homepage h1 {
			padding-bottom: 0;
			font-size: 20px;
			color: #000;
			border-bottom: 0;
			margin-right: 0;
			}
			
		.DocumentBody, .productBody {
			border-top: 1px solid #999999;
			padding-top: 14px;
			}
			.DocumentBodyKalk {
			border-top: 1px solid #999999;
			padding-top: 54px;
			width: 100%;
			}
			#content .DocumentBodyKalk  h2 {margin-top: -40px;}
h2, h1 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6, h7 {font-size: 1em;}

h1, h2, h3, h4, h5, h6, h7 {margin-bottom: 15px; padding-top: 10px; color: #000}

form h3 {margin-bottom: 3px;}

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr, .clear	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	}
.clearBox {clear: both;}
/* ***** IE6 italic bug hack ***** */
/* \
.WYSIWYGContentBody {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}
 */

a {color: #0b89cb;cursor: pointer;}
a:hover {color: #000;}
img {border: none;}
p {margin-bottom: 15px;}
.none {display: none;}
hr {
	border: 0;
	width: 100%;
	color: #999999;
	background-color: #999999;
	height: 1px;
	}
.tableImg {=position: relative; =top: 1px;}

input, select {vertical-align: middle;}

object, embed {outline: 0;}

/*#content , #content select {
	border: 1px solid #B6B6B6;	
}*/

.rgt {float: right;}
.lft {float: left;}

img.lft {
	float: left;
	margin: 0 10px 10px 0;
	}

img.rgt {
	float: right;
	margin: 0 0 10px 10px;
	}

#content ul, #content ol {margin: 0 0 20px 15px;}
	#content ul ul, #content ol ol {margin: 0 0 0 0;}
	
	#content ol {margin-left: 35px;}
	
	#content ul li {
		background: url(../img/ico-li.gif) no-repeat 0 5px;
		padding-left: 15px;
		list-style: none;
		margin-bottom: 5px;
		position: relative;
		}
		#content ul ul {margin-top: 3px;}
		#content ul ul li {
		background: url(../img/li.gif) no-repeat 0 2px;
		padding-left: 12px;
		}
	#content .subItemsList li {background-position: 0 17px;}
		
option {padding-right: 10px;}

.linka {
	background: url(../img/bg-linka.gif) no-repeat bottom right; 
	padding: 0 35px 45px 0; 
	margin-bottom: 10px;
	}

dt {font-size: 1.1em; font-weight: bold;}
dd {margin-bottom: 1.5em;}

.switcher {color: #0b89cb;cursor: pointer; text-decoration: underline;}
.switcher:hover {color: #000;}
.switcherOn {text-align: right; display: block; float: right; padding-right: 20px;}
.popBox {cursor: pointer;}

.question {background: url(../img/ico-questionmark.gif) no-repeat; padding-left: 22px; color: #0091C5;}
.tlapka {background: url(../img/tlapka.gif) no-repeat; padding-left: 22px; margin-bottom: 5px;}

.pdf {background: url(../img/ico-pdf-big.gif) no-repeat; padding-left: 35px;}
.html {background: url(../img/ico-html-big.gif) no-repeat; padding-left: 35px;}
	.dash {background: url(../img/dash-vertical.gif) repeat-y 90% 0; display: block;}
	
.thirdBox {width: 33%; float: left; margin-bottom: 15px;}
.thirdBox h3 {padding-top: 0;}
.thirdBox p {margin-bottom: 0;}
	
.DocumentAnnotation {margin-bottom: 15px;}


/* **************************************** */
/* ********** prehled produktu ************ */
/* **************************************** */

.products {padding-right: 0; padding-bottom: 18px; padding-right: 2px; zoom: 1;}
	.products div { min-height: 220px; _height: 220px;}
		.products p {padding-right: 220px; }
		#all .products ul.kotvy {margin-bottom: 0;}
			.products li {float: left; width: 220px;}
				.products li a {padding-right: 10px;}
				

		.stavebni-sporeni div {background: url(../img/mopy/mopy-big-stavebni-sporeni.jpg) no-repeat top right;}
		.uvery-na-bydleni div {background: url(../img/mopy/mopy-big-uvery.jpg) no-repeat top right;}
		.pujcit-penize-na-cokoliv div {background: url(../img/mopy/mopy-big-pujcit.jpg) no-repeat top right;}
		.bezny-ucet div {background: url(../img/mopy/mopy-big-beznyucet.jpg) no-repeat top right;}
		.pojistit-se div {background: url(../img/mopy/mopy-big-pojistit.jpg) no-repeat top right;}
		.rekonstrukce-bytoveho-domu div {background: url(../img/mopy/mopy-big-renovace.jpg) no-repeat top right;}
		.zhodnotit-penize div {background: url(../img/mopy/mopy-big-zhodnotit.jpg) no-repeat top right;}
		
	.products h2 {width: 286px; height: 27px;}
		.stavebni-sporeni h2 span {background: url(../img/nadpisy/h-b-stavebni-sporeni.gif) no-repeat;}
		.uvery-na-bydleni h2 span {background: url(../img/nadpisy/h-b-uvery-na-bydleni.gif) no-repeat;}
		.pujcit-penize-na-cokoliv h2 span {background: url(../img/nadpisy/h-b-chci-pujcit-penize-na-cokoliv.gif) no-repeat;}
		.bezny-ucet h2 span {background: url(../img/nadpisy/h-b-chci-bezny-ucet.gif) no-repeat;}
		.pojistit-se h2 span {background: url(../img/nadpisy/h-b-chci-se-pojistit.gif) no-repeat;}
		.rekonstrukce-bytoveho-domu h2 span {background: url(../img/nadpisy/h-b-chci-renovovat-bytovy-dum.gif) no-repeat;}
		.zhodnotit-penize h2 span {background: url(../img/nadpisy/h-b-chci-zhodnotit-penize.gif) no-repeat;}
	

/* ************************************** */
/* ************** kotvy ***************** */
/* ************************************** */

.kotvy {padding-top: 10px; padding-bottom: 20px; =padding-bottom: 35px;}
	#all #main .kotvy li {background: url(../img/tlapka.gif) no-repeat; padding-left: 23px;}
	
	#all #main .kotvy li .zeleny {background: url(../img/eko.gif) no-repeat 100% 50% ; padding: 3px 87px 4px 0;}
	
/* ************************************** */
/* ************** tables **************** */
/* ************************************** */
	
/* tabulka bezna  */
table {
	border: 0;
	border-collapse: collapse;
		margin-bottom: 25px;
		font-size: 1em;
	}
	table th, table td {
		padding: 5px 10px;
		vertical-align: top;
		border: 0;
		}
		
/* tabulka formatovana */
table.dataTable {
	border: 1px solid #b2b2b2;
	border-collapse: collapse;
	}	
	.dataTable th, .dataTable td {
		padding: 5px 10px;
		vertical-align: top;
		border-top: 1px solid #d8d8d8;
		text-align: left;
		}
		.dataTable th {background: #e2e2e2; border-top: 0; border-bottom: 1px solid #b2b2b2;}	
		
	#all #main table.center td, #all #main table.center th {text-align: center;}
	
	table.dataTable table {border: 0;}
	table.dataTable table td {border: 0;}
	
.noformat td {padding: 0 20px 0 0;}

		
/* ************************************** */
/* ******** image replacement *********** */
/* ************************************** */

#search label span, #h_menu a span, #kalkulacka span, .homepage h2 span, #prepinac span, .viceNovinek span, .homepage h1 span, 
.zajem span, .pohlednice span, .mopy_tv span, .puzzle span, .pexeso span, .kestazeni span, .spocitat span, #mopyCMB h3 span, .aktualitaDetail span, .sporeni2 span, .mopyImg span, .products h2 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
	
.mopyImg h3, .products h2 {
	position: relative;
	overflow: hidden;
	display: block;
}

.archivNovinek {
	background: url(../img/mapy-archivaktualit.jpg) no-repeat 0 15px; 
	padding: 60px 0 45px 0;
	padding-left: 165px;
	display: block;
	zoom: 1;
	border-top: 1px solid #CCC;
	}

/* ************************************** */
/* ************** pager ***************** */
/* ************************************** */
.pager {
	text-align: center; 
	line-height: 30px; 
	background: url(../img/bg-linka.gif) no-repeat bottom right; 
	padding-bottom:30px; 
	padding-right: 15px;
	}
	.pager a {line-height: 1.4em;}
	.pagerLeft {float: left; }
	.pagerRight {float: right;}
	.pager .field {
		width: auto; 
		vertical-align: middle; 
		font-size: 1em; 
		position: relative; 
		top: 4px;
		}
	
/* ***************************************** */
/* ************** shortcuts **************** */
/* ***************************************** */

.focus {position: absolute; left: 248px;}

.focus a, .focus span {
	position: absolute;
	top: 0;
	left: -5000px;
	z-index: -10;
	white-space: nowrap;
	}

.focus a:focus, .focus a:active {
    z-index:2;
	top: 0;
	left: 248px;
    background:#4D92BA;
	padding: 2px 5px 4px 6px;
	color: #FFF;
	}	
	
/* IE PNG FIX */

.overCalc {_behavior: url(http://www.modrapyramida.cz/_dataPublic/js/iepngfix.htc);}

/* ***************************************** */
/* ************* float clear *************** */
/* ***************************************** */

.relatedProducts, .linka, .aktualita, .products, .products ul, .formular p {
	overflow: hidden;
	_display: inline-block;
	}
	

/* ************************************* */
/* *************** PAGE **************** */
/* ************************************* */

#all {
margin: 0 auto;
text-align: left;
width: 964px;
position: relative;
}

/* ******* hlavicka ******* */

#top {
	height: 124px;
	position: relative;
	z-index: 2900;
	}
	.homepage #top {height: 114px;}
	.logo {
		position: absolute;
		top: 0;
		left: 0;
		/*display: none;  pokud je flash logo */
		}
		#flashlogo {
			position: absolute;
			top: 18px;
			left: 0;
			}
	#search {
		position: absolute;
		top: 30px;
		right: 16px;
		
		}
		#search label {width: 70px; height: 19px; position: relative; display: block; float: left; display: none;}
			#search label span {background: url(../img/h_vyhledat.gif) no-repeat 0 1px;}
		#top #searchfield {background: #fbfcfc; border: 1px solid #a8a8a8; padding: 1px 0; _padding-top: 2px; font-size: 0.9em; =font-size: 0.8em; margin-right: 0;}
		#search .button {vertical-align: middle; position: relative; border: none; _top: 0;}
		
	
/* ******* menu ******* */

#h_menu {
	position: absolute;	
	top: 75px;
	left: 213px;
	width: 750px;
	z-index: 3000;
	}
	#h_menu ul {
		list-style: none;
		position: relative;			
		}
		#h_menu ul li {
			position: relative;
			float: left;
			display: block;
			}
			#h_menu ul li a {
				display: block;
				text-align: center;
				text-decoration: none;
				color: #4C98BD;
				font-weight: bold;
				height: 34px;
				position: relative;
				cursor: pointer;
				overflow: hidden;
				}				
				.m2 {width: 87px;}
				.m3 {width: 98px;}
				.m4 {width: 91px;}
				.m5 {width: 86px;}
				.m6 {width: 84px;}
				.m7 {width: 74px;}
				.m8 {width: 67px;}
				.m9 {width: 127px;}				
					.m2 span {background: url(../img/m2.gif) no-repeat 0 0;}
					.m3 span {background: url(../img/m3.gif) no-repeat 0 0;}
					.m4 span {background: url(../img/m4.gif) no-repeat 0 0;}
					.m5 span {background: url(../img/m5.gif) no-repeat 0 0;}
					.m6 span {background: url(../img/m6.gif) no-repeat 0 0;}
					.m7 span {background: url(../img/m7.gif) no-repeat 0 0;}
					.m8 span {background: url(../img/m8.gif) no-repeat 0 0;}
					.m9 span {background: url(../img/m9.gif) no-repeat 0 0;}
						#h_menu ul li a:hover {color: #000;}
						#h_menu ul li a:hover span, #h_menu ul li.selected span, #h_menu ul li:hover span, #h_menu ul li.hover span {background-position: 0 -34px;}
				#h_menu ul li a.m10 {display: none;}		
						
		#h_menu ul ul {
			position: absolute;
			top: 34px;
			left: 0;
			width: 165px;
			background: #FFF;
			display: none;
			}
			#h_menu ul ul li {display: block; float: none; line-height: 1em;}
			#h_menu ul ul li a {
				display: block;
				padding: 6px 8px;
				border-bottom: 1px solid #e4e4e4;
				float: none;
				height: auto;
				font-weight: normal;
				text-align: left;
				color: #2f2f2f;
				}
				#h_menu ul ul a:hover {
					color: #FFF;
					background: #00a7e3;
					}
					
			#h_menu ul li:hover ul, #h_menu ul li.hover ul {display: block;}
			#h_menu ul li {_behavior: url(http://www.modrapyramida.cz/_dataPublic/js/hover.htc);}

/* **** site navi ***** */

	 p.breadcrumbs {
		padding: 0 0 10px 0;
		margin: 0;
		font-size: 1em;
		position: relative;
		left: -4px;
		}
		.breadcrumbs a {color: #000; margin: 0 4px;}
		#layoutKalkulacka p.breadcrumbs {display: none;}
			
/* **** hlavni cast **** */

#main {
	margin: 0;
	background: #FFF url(../img/bg-main-spring-theme2.jpg) no-repeat right 1px;
	padding-top: 19px;
	width: 100%;
	}
	#layoutKalkulacka #main {background: none;}
	
/* **** leve menu **** */

#sidecol {
	float: left;
	width: 250px;
	padding-top: 1px;
	}
	#navi {
		background: url(../img/bg-navi-ul.gif) repeat-y #A69373 -2px 0;
		margin-bottom: 25px;
		width: 239px;
		
		}
		#navi ul li.chci {color: #FFF; font-weight: bold;}
	#naviBg {		
		background: url(../img/bg-navi-spring-theme2.jpg) no-repeat;
		margin: 0;
		min-height: 200px;
		_height: 200px;
		}
		#navi ul {list-style: none; padding: 30px 40px 15px 30px;} 
		/*#navi ul {list-style: none; padding: 90px 40px 15px 30px;}winter padding */
		#navi ul ul { padding: 0;}		

		#navi ul li a {
					color: #FFF;
					padding: 2px 0 2px 10px;
					display: block;
					
					text-decoration: none;
					_height: 1px;
					}
					#navi ul li.open a {
						background: none;
						font-weight: bold;
						padding-top: 4px;
						margin-top: 0;
						}
						#navi ul li.open a:hover {color: #FFF; background: #A18E6E;}
					#navi ul li.open ul a {
						color: #FFF;
						border: none;
						padding: 2px 0 2px 5px;	
						margin-left: 20px;
						font-weight: normal;
						}
						
				#navi ul li a.selected, #navi ul li.open ul li a.selected {background-color: #FFF; color: #7C6D4E;}
				#all #main #navi a:hover {color: #FFF; background: #A18E6E;}
				
				.separator a, #navi ul li.open ul li.separator a {
	border-bottom: 1px solid #c3baa7;
}
				
	/* #bannersArea {margin-left: 18px; border: 1px solid #a4a4a4; line-height: 1px;} */
	#bannersArea {margin-left: 18px; line-height: 1px; margin-bottom: 20px;}
	#bannersArea img {border: 1px solid #a4a4a4;}
				
		
/* **** obsah **** */

#content_container {
	float: right;
	width: 685px;
	/*padding-top: 150px; summer padding */
	padding-top: 180px;
	position: relative;
	z-index: 2500;
	}
		#layoutKalkulacka #content_container {padding-top: 30px; width: 100%; float: none;}
		#layoutKalkulacka h1 {margin-left: 30px;}
	
	#content {
		margin: 0 15px 15px 0;
		}			
		
	#fastMenu {
		position: absolute;
		/*top: 96px; winter size*/
		top: 81px;
		right: 35px;
		}
		#fastMenu select {
			width: 160px;
			font-size: 1em;
			}
			#fastMenu optgroup { font-style:normal;}
			#fastMenu option { padding-left: 10px;}		
		
		
/* **** paticka **** */

#ender {
	clear: both;
	width: 100%;
	font-size: 0.85em;
	padding-top: 10px;
	color: #6d6e71;
	}
	.loga {
		float: left;
		width: 300px;
		padding-top: 6px;
		}
		
	#ender p {margin-bottom: 0;}
	
	.bank {
		overflow: hidden;
		_display: inline-block;
		border-bottom: 1px solid #999999;
		margin-right: 20px;
		}	
		.bankDetails {
			float: left;
			padding: 10px 0;
			}	
		.copyright {
			float: left;
			padding: 10px 0;
			}
		.copyright a { text-decoration: none; color: #6D6E71; }
	.developer {
		float: right;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-right: 30px;
		background: url(../img/logo_mf.gif) no-repeat 98% 50%;
		}
		#ender .developer a {font-weight: bold; color: #6D6E71; padding-right: 22px;  margin-right: 5px; text-decoration: none;}
		
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}	
		
		
/* **************** puvodni styly obsahu ******************* */


.pole select {
	margin: 0px 20px 0px 0px;
	font-size: 1em;
}
select {font-size: 1em;}
.pole option {padding-right: 7px;}

select#PreklenovakNad300k, select#PreklenovakDo300k, select#Zajisteni {width: 116px;}

textarea {
	border: 1px solid #B6B6B6;
	padding: 0 1px;
	margin: 1px 0;
	font-family: Tahoma, "Verdana CE", Verdana, sans-serif;
	font-size: 1.1em;
}

/******************************************
*                FORM PRVKY               *
******************************************/

input.butt, #blokDiskuse .button {font-weight: bold; cursor: pointer; border: none; color: #fff; padding: 2px 5px; font-size: 1em;}
	input.send, a.send, #blokDiskuse .button {background: url(../img/bg-button-odeslat.gif) no-repeat bottom right; color: #FFF; padding: 3px 15px 16px 15px; margin-right: 15px;}
	input.gray {background-image: url(../img/bg-button-gray.gif)}
	a.send {text-decoration: none; white-space: nowrap; display: inline-block}
	a.send:hover {color: #FFF;}
	
.button2 {
	background: url(../img/bg-button-odeslat.gif) no-repeat bottom right; 
	color: #FFF; 
	padding: 3px 15px 16px 15px; 
	margin-right: 15px;
	cursor: pointer; 
	border: none; 
	font-size: 1em;
	font-weight: bold;
	}
	.thin {padding: 2px 15px 15px 15px; =padding: 1px 15px 13px 15px; position: relative; =top: 1px;}
	input.res {background: url(../img/bg-button-reset.gif) no-repeat bottom right; color: #000; padding: 3px 15px 16px 15px;}

	
/* IE button fix */
	
input.button2 {
	width: 0;
	overflow: visible;
}
input.button2[class] {width: auto;}

/* */
	
input.check {margin: 0;}


input.butt {
	width: 0;
	overflow: visible;
}
input.butt[class] {width: auto;}

/******************************************
*                FORMULAR                 *
******************************************/

fieldset {border: 0; margin: 0;}
#all label.inlineLabel {width: auto; display: inline; float: none;}

.formular {
	background: url(../img/bg-poleForm.gif) repeat-y;
	border-top: 1px solid #b2b2b2;
	_display: inline-block;
	}
	.sMopikem {
		padding: 0;
		}
	.formular fieldset {
		background: url(../img/bg-buttPOLE.gif) no-repeat bottom left;
		padding: 15px 25px 45px 25px;
		}
	
	.formular label, .formular .labelLike {
		width: 150px;
		float: left;
		display: block;
		}
	.formular .textfield {
		border: 1px solid #b2b2b2;
		width: 140px;
		}
		.formular .time {width: 20px;}
		.formular select.textfield {width: auto;}
		
		
	.formular h4 {clear: both;}
	.formular br {display: none;}
		.formular br.visible {display: inline;}
	.formular p.center {padding-top: 20px;}
		
		
		
			div.pole .col, div.pole select, #onlineForm input.col, #blokDiskuse input, #blokCMB2 .col, #mopyCMB .col, #akcepromiminka .col {
				border: 1px solid #b2b2b2;
				width: 140px;
				}
				#blokDiskuse input.button2 {border: 0; width: auto;}
			#all #main .w120 {width: 120px;}
				
		.sMopikem div.pole {width: 130px;}
			.sMopikem div.pole .col, .sMopikem div.pole select {width: 120px;}
			
#blokDiskuse textarea {width: 530px; height: 80px;}
#blokDiskuse table {margin-bottom: 0;}
#blokDiskuse fieldset {margin-bottom: 15px;}


	
.mopyKalk {
	background: url(../img/bg-mopyKalk2.jpg) no-repeat top right;
	position: relative;
	}
	
.mopyHead {
	width: 238px;
	height: 121px;
	position: absolute;
	top: -121px;
	right: 0;
	background: url(../img/bg-mopyKalk1.jpg) no-repeat
	}
	
	
	#emailKontakt .ods {padding: 0;}
	#emailKontakt h4 {margin-bottom: 5px; padding-top: 10px;}
	#emailKontakt textarea.col {width: 600px;}
	
	
#onlineForm textarea {width: 600px;}
#onlineForm .ods {padding-top: 0;}
	

/******************************************
*                 TABULKY                 *
******************************************/

#content .poleForm .radio {width: auto;}

/******************** 
*     SITEMAP       * 
********************/ 

div.SiteMap {margin-left: 25px;}
div.SiteMap div.SideMenuItem {margin-left: 25px;}
ul.subItemsList li { 
     list-style-type: none; 
     border: none; 
} 

ul.subItemsList a { border: none; } 
.Document { margin: 0; }
div.DocumentAttachments {margin: 0 25px 0 10px; } 
div.DocumentAttachments div.Attachment { padding-top: 10px; } 
div.DocumentAttachments div.Attachment span.Icon { margin-right: 5px; }

/***************** VYHLEDAVANI ***************************/

div.SearchGroup {
	float: left;
	margin-right: 10px;
}

div.SearchGroup ul {
	list-style-type: none;
	margin-left: 10px;
}

div.SearchGroup ul a {border: none;}

.WYSIWYGContentBody img, .WYSIWYGContentBody p img {margin: 0;}
.WYSIWYGContentBody img.floatleft {
	float: left;
	margin-right: 6px;
}
.WYSIWYGContentBody img.floatright, .productBody img.floatright {
	float: right;
	margin-left: 6px;
}

.vstupsupermarket {float: right; margin-top: -167px; =margin-top: -165px;}

.posun {
	position: relative;
	top: 4px;
}

#odsCONT {
	height: auto;
	_height: 270px;
	min-height: 270px;
}

.pole LABEL {line-height: 160%;}

#form label, #blokCMB2 #form .leftcolsub div label, #akcepromiminka #form .leftcolsub div label {
	width: 11em;
	display: block;
	float: left;
	margin-bottom: 10px;
	}
	#form .leftcolsub label {display: inline; width: auto; float: none;}
	#blokCMB2 #form .leftcolsub div label {width: 9em;}
#form br {display: inline; clear: both;}
	
.field {
	border: 1px solid #b6b6b6;
	width: 400px;
	margin-bottom: 10px;
	}

div.ErrorMessage {
	color: red;
	font-weight: bold;
	padding-bottom: 10px;
	margin-right: 240px;
}

 ol.lowerAlpha {list-style-type: lower-alpha;}


div#anketa div#userInformation {
	float: none;
	}
div#anketa div#floatRight {
	padding-top: 20px;
	width: 320px; 
	position: relative; 
	float: right;
}

div#anketa div#floatLeft {
	padding-top: 20px;
	width: 320px; 
	position: relative; 
	float: left;
}

div#anketa label {
	display: block;
	float: left;
	width: 70px;
	text-align: right;
}

div#anketa input {border: 1px solid #387CB2;}
div#anketa span label {padding-right: 3px;}
div.question {
	margin-top: 30px;
	float: none;
}

div.question p{
	font-weight: bold;
	color: #387CB2;
}
div#anketa .clear{
	width: 100%;
	border-bottom: 1px solid #387CB2;
}

div#anketa div.question label{
	padding: 2px;
	text-align: left;
	width: 290px;
	display: block;
	float: left;

}
div#anketa div.question input {
	display: block;
	float: right;
	border: none;
}
div#anketa div.question input.other {
	width: 98%;
	border: 1px solid #387CB2;
}

#ProgramType1, #ProgramType2 {
	border: 0;
	width: auto;
	margin-right: 10px;
	left: 8px;
	position: relative;
	vertical-align: middle;
	}
	
#objednavkaStudijnichTextu input, #elektronickaPrihlaska input {
border: 1px solid #b6b6b6;
	}
	
#objednavkaStudijnichTextu td, #elektronickaPrihlaska td {vertical-align: middle;}

/*.oddil {
	clear: none;
	float: left;
	width: 200px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 7px 0px;
	color: #666666;
	font-size: 110%;
	font-weight: bold;
}

.vypis {
	clear: none;
	float: left;
	width: 864px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 7px 0px;
	text-align: left;
}*/

.obtns input {background: #4D92BA; color: #FFF; font-size: 10px; border: none; padding: 2px 5px; font-weight: bold; text-transform: uppercase; margin: 15px 120px;}
.wsw {border: 1px solid #A5A5A5;}
.plain input {border: 1px solid #A5A5A5; width: 250px;}
.plain select {width: 250px; font-size: 1em;}
.plain td {vertical-align: middle;}
/*#registrace_poradce {padding-left: 130px;}
*/
#err_msg {color: #CC6600; font-weight: bold; text-align: center; border: 1px solid #CC6600; padding: 5px; margin-bottom: 10px; }
#err_msg p {margin: 0;}
.wsw iframe { width: 350px; }

#partnersSearch {
	position: absolute;
	top: 150px;
	right: 0;
	width: 250px;
	}
	.firmy {background: url(../img/bg-search-company.jpg) no-repeat;}
	.pobocky {background: url(../img/bg-search-pobocka.jpg) no-repeat;}
	.advisor {background: url(../img/bg-search-advisor.jpg) no-repeat;}
	
	#partnersSearch table {margin: 70px 0 40px 45px; border: 0;}
	#partnersSearch td, #partnersSearch th {padding: 4px 0; background: none; border: none;}
		
	#partnersSearch select {font-size: 1em; width: 170px; border: 1px solid #a8a8a8;}
	#partnersSearch input.pole {border: 1px solid #a8a8a8; width: 80px;}
	#partnersSearch .button2 {margin-right: 0;}
		.advisor .button2 {padding-right: 12px; padding-left: 12px;}

.poradce {
	width: 300px;
	line-height: 1.4em;
	min-height: 100px;
	_height: 100px;
	overflow: hidden;
	_display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	}
	.poradce img {
		float: left;
		background: url(../img/bg-poradce.gif) no-repeat;
		padding: 7px 15px 18px 26px;
		}
	.poradce p {
		float: right;
		width: 195px;
		margin: 0;
		margin-top: 8px;
		line-height: 1.7em;
		}

	.mail, .phone, .web, .fax, .gps {
		padding-left: 23px;
		}
		.mail {background: url(../img/ico-mail.gif) no-repeat 0 50%;}
		.phone {background: url(../img/ico-phone.gif) no-repeat 0 50%;}
		.web {background: url(../img/ico-web.gif) no-repeat 0 50%;}
		.fax {background: url(../img/ico-fax.gif) no-repeat 0 50%;}	
		.gps {background: url(../img/ico-gps.gif) no-repeat 0 50%;}	
			.mail span, .phone span, .web span, .fax span, .gps span {display: none;}

div.separator {
	clear: both;
	position: relative;
	padding: 0;
	height: 1px;
	width: 540px;
	margin-bottom: 18px;
	background: url(../img/linka.gif) repeat-x top left;
}

/* ****** partneri ****** */

#partner img {float: right; margin: 0 0 10px 15px;}

.partnerinfo {margin-bottom: 15px;}
	.partnerinfo p {margin-bottom: 0;}		
	
.partnertable {width: 100%;}
	.partnertable td {padding: 10px 15px;}			

.souhrn {overflow: hidden; _display: inline-block; margin-top: 20px;}
.souhrn {margin-bottom: 2em;}
		.souhrn strong {
			display: block;
			float: left;
			width: 120px;
			margin-bottom: 5px;
			}
		.souhrn span {
			display: block;
			float: left;
			width: 260px;
			margin-bottom: 5px;
			}

		.souhrn br {clear: both;}
		
.vyhody {margin-top: 15px;}

#content ul.partnerivip li {
		background-image: none;
		padding-left: 0;
		text-align: center;
		display: block;
		width: 200px;
		height: 130px;
		float: left;
		list-style: none;
		margin-bottom: 20px;
		}
		
.questPole {
	overflow: hidden;
	_display: inline-block;
	}
	.questPole span {
		display: block;
		width: 310px;
		float: left;
		margin-bottom: 10px;
		}
	.questPole span input {vertical-align: middle;}
	
#dotaznik_container {
	position: relative;
	z-index: 2900;
	}
	#dotaznik_container ul {
		overflow: hidden;
		_display: inline-block;
		margin-bottom: 0;
		margin-left: 0;
		list-style: none;
		border-left: 1px solid #ccc;
		margin-bottom: -1px;
		z-index: 3000;
		position: relative;
		}
		#dotaznik_container ul li {
			float: left;
			background: none;
			padding-left: 0;
			margin-bottom: 0;
			}
			#dotaznik_container li a {				
				padding: 8px 12px;
				text-transform: uppercase;
				border: 1px solid #ccc;
				border-left: 0;
				display: block;
				background: #EFEFEF;
				font-weight: bold;
				}
				#dotaznik_container li a.active, #dotaznik_container li a:hover {
					background: #FFF;
					border-bottom: 1px solid #FFF;
					}

				
#dotaznik_container #questPole5 p.pole {width: 165px;}
#dotaznik_container .questPole span.noBottom { margin-bottom: 0; }
#dotaznik_container .questPole div.comment { margin: 0 0 10px 0; clear: both; }
#dotaznik_container .questPole div.comment input { width: 500px; border: 1px solid #a5a5a5; }
#dotaznik_container .questPole .leftColumn { float: left; width: 300px; }
#dotaznik_container .questPole .leftColumn .pole,
#dotaznik_container .questPole .rightColumn .pole { margin-left: 10px; } 
#dotaznik_container .questPole .rightColumn { width: 300px; margin-left: 10px; }
#dotaznik_container .questPole .leftColumn,
#dotaznik_container .questPole .rightColumn { padding-top: 10px; min-height: 315px; _height: 315px; }
#dotaznik_container .questPole .leftHeader { float: left; width: 300px; } 
#dotaznik_container .questPole .rightHeader { width: 300px; margin-left: 10px; }
.highlight { background: #EFEFEF; }
div.comment.highlight { width: 500px; padding: 10px; }

.leftcolsub {
	width: 48%;
	float: left;
	}
	.poleForm #emailemDiv label, .poleForm #telefonickyDiv label, .poleForm #osobneDiv label {
		display: block;
		float: left;
		width: 70px;
		}
		#akcepromiminka .leftcolsub {width: 68%;}
	.poleForm br {clear: both;}
.rightcolsub {
	width: 48%;
	float: right;
	}
	
/* *********** aktualita *********** */

.aktualita {margin-bottom: 25px;}

.aktualita img {
	background: url(../img/aktualita-img-bg.jpg) no-repeat;
	padding: 9px 15px 20px 27px;
	margin-right: 20px;
	}
.aktualita h3 {font-size: 1.5em; font-weight: normal; padding-top: 3px;}

/* *********** produkt ************* */

#produkt .produktLetak {
	float: right;
	margin-top: -70px;
	margin-right: 0;
	}
#produkty .produktTheme, #fun .produktTheme {
	float: right;
	margin-top: -70px;
	margin-right: 0;
	}
#produkty .produktClaim {
	float: right;
	margin-right: -60px;
	margin-top: -25px;
	}

#produkt h3, h3.hglt {
	background: url(../img/produkt-h.png) no-repeat bottom left;
	padding: 4px 8px 22px 15px;
	margin-bottom: 5px;

	}
#produkty h3, #fun h3 {font-size: 1.6em; margin-bottom: 5px; font-weight: normal;}
	
.box {
	background: url(../img/produkt-box-bg.png) no-repeat bottom right;
	padding: 0 1px 19px 0;
	=padding-bottom: 4px;
	}
.produktBox/*, .aktualita*/ {
	background: url(../img/produkty-box-bg.png) no-repeat bottom right;
	padding: 0 1px 19px 0;
	=padding-bottom: 5px;
	overflow: hidden;
	_display: inline-block;
	margin-bottom: 15px;
	float: right;
	width: 480px;
	}
	.produktBox p, .aktualita h3, .aktualita p {margin-right: 20px;}
	
	
.productLinks {padding-top: 50px;}
	
.productLinks a {
	display: block;
	float: left;
	padding: 64px 33px 15px 33px;
	text-align: center;
	text-decoration: none;
	color: #333333;
	}
	.mopytv {background: url(../img/ico-produkt-mopytv.gif) no-repeat top right;}
	.letak {background: url(../img/ico-produkt-pdf.gif) no-repeat top right;}
	.print {background: url(../img/ico-produkt-print.gif) no-repeat top right;}
	.dotaz {background: url(../img/ico-produkt-dotaz.gif) no-repeat top center;}

#all p.zajem, #all p.pohlednice, #all p.mopy_tv, #all p.puzzle, #all p.pexeso, #all p.spocitat, #all p.kestazeni, #all p.sporeni2 {margin-bottom: 0; padding-bottom: 0; margin-right: 0;}	

.relatedProducts .zajem a {
	position: relative;
	overflow: hidden;
	display: block;
	width: 191px;
	height: 168px;
	float: right;
	}
	.relatedProducts .zajem span {background: url(../img/produkt-zajem-sporeni.gif) no-repeat; cursor: pointer;}
	
.produktBox .WYSIWYGContentBody {margin: 0 20px 15px 0;}

.zajemBtn {
	width: 191px;
	height: 225px;
	float: right;
	background: url(../img/produkt-zajem-ss-pro-deti.jpg) no-repeat; cursor: pointer;
	margin-top: -168px;
	border: 0;
}
.mimiBg {background: url(../img/mopy/mopy-sirka.jpg) no-repeat top right;}
	


.produktBox .zajem a, .produktBox .pohlednice a, .produktBox .mopy_tv a, .produktBox .puzzle a, .produktBox .pexeso a, .aktualitaDetail, .produktBox .kestazeni a, .sporeni2 a {
	position: relative;
	overflow:hidden;
	display: block;
	width: 96px;
	height: 21px;
	float: right;
	}	
	.produktBox p.pohlednice a, .produktBox p.mopy_tv a, .produktBox p.puzzle a, .produktBox p.pexeso a, .produktBox .kestazeni a {
		width: 100px;
		height: 21px;
		}
	.sporeni2 a {width: 144px;}
		.produktBox .zajem span, .aktualitaDetail span {background: url(../img/but-viceinformaci-produkt.gif) no-repeat; cursor: pointer;}
		.produktBox .pohlednice span {background: url(../img/but-pohlednice.gif) no-repeat; cursor: pointer;}
		.produktBox .mopy_tv span {background: url(../img/but-mopy_tv.gif) no-repeat; cursor: pointer;}
		.produktBox .puzzle span {background: url(../img/but-puzzle.gif) no-repeat; cursor: pointer;}
		.produktBox .pexeso span {background: url(../img/but-pexeso.gif) no-repeat; cursor: pointer;}
		.produktBox .kestazeni span {background: url(../img/but-kestazeni.gif) no-repeat; cursor: pointer;}
		.spocitat span {background: url(../img/but-chci-spocitat.gif) no-repeat; cursor: pointer;}
		.sporeni2 span {background: url(../img/but-viceinformaciosporeni.gif) no-repeat; cursor: pointer;}

.spocitat a {
	position: relative;
	overflow:hidden;
	display: block;
	width: 96px;
	height: 36px;
	float: left;
	}
	
	#produkty .letakSmall {clear: both; margin-top: -15px; margin-bottom: 30px;}
	#fun .letakSmall {clear: both; margin-right: 15px;}
	
	
/*.kalkulacky {
	clear: none;
	float: left;
	width: 670px;
	height: auto;
}

.uverova {
	clear: none;
	float: left;
	width: 317px;
	height: auto;
	background: url(../img/bg_09.gif) no-repeat;
	background-position: bottom;
}

.sporici {
	clear: none;
	float: right;
	width: 317px;
	height: auto;
	background: url(../img/bg_09.gif) no-repeat;
	background-position: bottom;
}

.sloupec {
	clear: none;
	float: left;
	width: 133px;
	height: auto;
	padding: 95px 0px 0px 0px;
	background: url(../img/but-uverova-kalkulacka.gif) no-repeat;
	background-position: 0px 17px;
}

.sporici .sloupec {
	background: url(../img/but-sporici-kalkulacka.gif) no-repeat;
	background-position: 0px 17px;
}

.motiv {
	clear: none;
	float: left;
	width: 183px;
	height: auto;
	_height: 218px;
	min-height: 218px;
	padding: 0px 0px 30px 0px;
	background: url(../img/mopy/img-mopy-kalkulacka.gif) no-repeat;
	background-position: top;
}

.sporici .motiv {
	background: url(../img/mopy/img-mopy-pocitadlo.gif) no-repeat;
	background-position: top;
}*/

#mopyCMB {
	background: url(../img/mopCMB-bottom.jpg) no-repeat bottom right;
	padding-bottom: 30px;
	position: relative;
	}
	#mopyCMB .in {
		background: url(../img/mopyCMB-body.jpg) no-repeat 100% 56px;
		margin-left: 16px;
		}
	.cmb_error2 {
		color: red;
		font-weight:bold;
		}
	.ucho {
		width: 20px;
		height: 68px;
		top: 0;
		right: -20px;
		background: url(../img/mopyCMB-ucho.jpg) no-repeat;
		position: absolute;
		}
		#mopyCMB p {padding-bottom: 15px; margin-bottom: 0;}
		#mopyCMB .col {font-size: 1em;}
		#mopyCMB .lft {width: 125px; line-height: 1.4em; font-size: 0.9em;}
		#mopyCMB .rgt {margin-top: 20px; float: right; position: relative; _display: inline-block;}
		#mopyCMB h3 {
			position: relative;
			overflow: hidden;
			display: block;
			width: 234px;
			height: 56px;
			}
			#mopyCMB h3 span {background: url(../img/mopyCMB-heading.jpg) no-repeat;}
		#mopyCMB .butt {}
		p.note { font-size: 80%; font-style: italic; }
		
		.flashPhone {
			position: absolute;
			top: 20px; =top: 21px;
			right: 0;
			display: none;
			}
		
		.closedCMB .hiddenBox {display: none;}
		.closedCMB .ucho {display: none;}
		.closedCMB .flashPhone {display: block;}
		#mopyCMB.closedCMB .in {background: none;}
		#mopyCMB.closedCMB h3 {width: 130px;}	
		
/* ***** mopyho download **** */

.downloadBox {
		background: url(../img/produkty-box-bg.png) no-repeat bottom right;		
/*		width: 48%;
		float: left;
*/		padding-bottom: 30px;
		margin-bottom: 15px;
		}
		.downloadBox div {min-height: 210px; _height: 250px;	}
				#music div {background: url(../img/mopy/img-mopy-cd.jpg) no-repeat 93% 0;}
				#galerie div {background: url(../img/mopy/img-mopy-notebook.jpg) no-repeat 93% 0;}

		.downloadBox p, #all .downloadBox h2 {margin-left: 10px; margin-right: 220px;}
		 #galerie table {margin-right: 190px;}
		  #galerie table td {vertical-align: top;}
		
		.downloadBox h2 {
				position: relative;
				width: 250px;
				height: 35px;
				overflow: hidden;
				_display: inline-block;
				}
				.downloadBox h2 span {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						}
						#music h2 span {background: url(../img/h-hudba-ke-stazeni.gif) no-repeat;}
						#galerie h2 span {background: url(../img/h-mopyho-galerie.gif) no-repeat;}
						
				
/* ******************* */

#registrace_poradce .poleForm {padding-top: 25px;}
#registrace_poradce label {
		float: left;
		display: block;
		width: 160px; 
		margin-bottom: 5px;
		}
		#registrace_poradce label.inlineLabel {width: auto; display: inline; float: none;}
		#registrace_poradce input, #registrace_poradce select {margin-bottom: 5px;}
		#registrace_poradce br {clear: both;}
		
/* ******* SPOLUPRACUJICI FIRMY ********** */

.boxleft {
	width: 33%;
	float: left;
	}
.boxright {
	width: 25%;
	float: right;
	}

.boxcolor {
		background: url(../img/bg-boxcolor.gif) no-repeat bottom left;
		position:relative;
		}
.boxcolorTop {
	background: url(../img/bg-boxcolor-top.gif) no-repeat top left;
	padding: 0 30px 60px 30px;
	overflow: hidden;
	_display: inline-block;
	}
	.boxcolor p {margin-bottom: 0;}
	.boxcolor p.boxleft {margin-bottom: 15px;}
	.boxcolor h3 {
		padding-bottom:45px;
		margin-top: 80px;
		}
		
.repro, .nota {padding-left: 17px;}
.repro {background: url(../img/ico-repro.gif) no-repeat;}
.nota  {background: url(../img/ico-nota.gif) no-repeat;}

/*.coopCompany {
	width: 49%;
	float: left;
	height: 110px;
	}
	.coopCompany p {padding: 15px 15px 0 0; margin-bottom: 0;}
	.coopCompany .lft {margin-right: 15px;}*/
	
.zastupce {font-size: 1.2em; color: #0091C5;}
	
	
/* **************** POLOVICNI BOXY **************** */

.halfBox {
	background: url(../img/bg-linka-pul.gif) no-repeat bottom right;
	margin-bottom: 20px;
	padding-bottom: 40px;
	padding-left: 10px
	}
.halfBoxL {
	width: 48%;
	float: left;
	background: url(../img/bg-linka-pul.gif) no-repeat bottom right;
	margin-bottom: 20px;
	}
.halfBoxR {
	width: 48%;
	float: right;
	background: url(../img/bg-linka-pul.gif) no-repeat bottom right;
	margin-bottom: 20px;
	}
	
#extPartneri .halfBoxL, #extPartneri .halfBoxR {padding-bottom: 40px; min-height: 110px;}
#extPartneri img {margin-right: 25px; margin-bottom: 10px;}
	
.mopyImg {	
	padding: 0 30px 20px 0;
	margin-right: 2px;
	}
	#mopy-uverova {background: url(../img/mopy/img-mopy-kalkulacka2.jpg) no-repeat top right; min-height: 223px; _height: 223px;}
	#mopy-sporici {background: url(../img/mopy/img-mopy-mince.jpg) no-repeat top right; min-height: 223px; _height: 223px;}
	#mopy-maxi {background: url(../img/mopy/img-mopy-maxi.jpg) no-repeat top right;  min-height: 232px; _height: 232px;}
	#mopy-pocitadla, #mopy-modrapujcka {background: url(../img/mopy/img-mopy-pocitadlo2.jpg) no-repeat top right; min-height: 232px; _height: 232px;}
	#mopy-sazebniky {background: url(../img/mopy/img-mopy-kostka.jpg) no-repeat top right; min-height: 220px; _height: 220px;}
	#mopy-ostatnioznameni {background: url(../img/mopy/img-mopy-cedule.jpg) no-repeat top right; min-height: 220px; _height: 220px;}
	
.mopyImg h3 {width: 142px; height: 60px;}
	#mopy-uverova h3 span {background: url(../img/nadpisy/h-uverovekalkulacka.gif) no-repeat;}		
	#mopy-sporici h3 span {background: url(../img/nadpisy/h-sporicikalkulacka.gif) no-repeat;}
		#mopy-sporici h3 {width: 120px;}
	#mopy-maxi h3 span {background: url(../img/nadpisy/h-maxikalkulacka.gif) no-repeat;}
	#mopy-pocitadla h3 span {background: url(../img/nadpisy/h-dalsipocitadla.gif) no-repeat;}
	#mopy-modrapujcka h3 span {background: url(../img/nadpisy/h-modrapujcka.gif) no-repeat;}
	#mopy-sazebniky h3 span {background: url(../img/nadpisy/h-produktumodrepyramidy.gif) no-repeat;}
	#mopy-ostatnioznameni h3 span {background: url(../img/nadpisy/h-modrychproduktu.gif) no-repeat;}
		#mopy-ostatnioznameni h3, #mopy-sazebniky h3 {width: 174px; height: 42px; margin-bottom: 14px;}
	
.mopyImg p, #all .mopyImg ul {margin-right: 150px;}
#all .mopyImg ul {margin-left: 10px; position: relative;}
#all .mopyImg li {margin-bottom: 3px;}


.bluebox {
	background: url(../img/bluebox.gif) no-repeat top right;
	padding: 10px 50px 1px 15px;
	color: #FFF;
	margin-bottom: 20px;
	}
	#content .bluebox li {margin-bottom: 15px;
		background: url(../img/tlapka-blue.gif) no-repeat 0 1px;
		padding-left: 26px;
	}
	.bluebox h3 {color: #FFF;}
	
#kulatepravitko {margin: 20px 0 20px 50px;}
		
		
/* ********* mapa ************** */

.mapaGoogle {
	background: url(../img/mapa-bg.gif) no-repeat;
	padding: 10px 15px 10px 25px;
}

#mapSearchResults {padding-left: 45px; padding-right: 25px;}

/* vizitky */

.vizitkaForm .leftcolsub label, .vizitkaForm .rightcolsub label {width: auto; float: none; overflow: hidden; _display: inline-block; margin-bottom: 10px;}
.vizitkaForm .leftcolsub label span, .vizitkaForm .rightcolsub label span {width: 80px; display: block; float: left;} 
.vizitkaForm .radio, .vizitkaForm .checkbox {margin-right: 5px;}
.vizitkaForm .required {font-style: normal; color: #0091C5;}

.disabledBr br {display: none;}

.discussionAnswer { margin: 0 5px 20px 20px; padding-top: 13px; font-style: italic; border-top: 1px solid #B6B6B6; }