/* mbox HP verze 2 */
#verze2  {font-size:1.2em}
#verze2 #soap-calc {padding-bottom:0; padding-top:19px}
#verze2 #soap-calc label {font-weight:bold}
#verze2 .h2 {border:0; padding:0 0 5px 0 !important; margin:0}
#verze2 #hp-vyhody li {background-image:url(../images/icons/spreadsheet-big-icon2white.png); margin-bottom:15px; margin-top:15px}
.bottomLine {border-bottom:1px solid #ababab; padding-bottom:20px}
#jakPrejit2 {background:url(../images/spreadsheets/hp-white.png) no-repeat -610px 100%; padding:30px 0 20px 110px; height:120px}
.whiteBox460 {width:420px; padding:0px 20px; margin-bottom:20px}
.motive {position:absolute; left:23px; top:50px; width:132px; height:125px; display:block; background-image:url(../images/spreadsheets/hp-white.png)}
.pojBox2 .inner {padding-left:165px !important; width:275px !important; height:14.5em; padding-top:15px !important}
.pojBox2 h2 {position:absolute; right:305px; top:23px; text-align:right; width:150px}
.pojBox2 .links {position:absolute; right:15px; bottom:15px; text-align:right; width:300px; z-index:40}
#boxAutoV2 .motive {background-position:0px 0px}
#boxMotoV2 .motive {background-position:-132px 0px}
#boxDomovV2 .motive {background-position:-264px 0px}
#boxCestyV2 .motive {background-position:-396px 0px}
.greyShadeShortBox460 {width:460px; background:url("../images/boxes/greyshadeshortbox460.png") no-repeat -460px 100%; width:460px; position:relative; padding-bottom:10px; margin-bottom:20px}
.greyShadeShortBox460 .inner {width:420px; background:url("../images/boxes/greyshadeshortbox460.png") no-repeat; padding:10px 20px 0 20px}
.fajfkyGreen li {background:url("../images/spreadsheets/spreadsheet.png") no-repeat scroll -477px 5px transparent; padding:5px 0 6px 30px}


.w460 {width:460px}
#page {padding-top:380px}
#main {width:940px}
.greenBut li {border-bottom:1px solid #ececec; padding:5px 6px 5px 30px; background:url(../images/spreadsheets/spreadsheet.png) no-repeat -397px -69px}
.greenBut .line {background-color:#f8f8f8}
.greenBut span {color:#990000}
.h2 {font-size: 2.4em; line-height:1em}
.h3 {font-size: 1.5em; line-height:1em; font-weight: normal}
.rss {color:#bed66b !important; background:url("../images/spreadsheets/spreadsheet.png") no-repeat scroll -371px -104px; padding-left:23px}


/* boxes */
.whiteBoxBorGrey460 {width:460px; background:url("../images/boxes/whiteboxborgrey460.png") no-repeat; width:460px; position:relative}
.whiteBoxBorGrey460 .inner {width:420px; background:url("../images/boxes/whiteboxborgrey460.png") no-repeat -460px 100%; padding:10px 20px}
.greyShadeBorGreyBox460 {width:460px; background:url("../images/boxes/greyshadeborgreybox460.png") no-repeat -460px 100%; width:460px; position:relative; padding-bottom:10px; margin-bottom:20px}
.greyShadeBorGreyBox460 .inner {width:420px; background:url("../images/boxes/greyshadeborgreybox460.png") no-repeat; padding:10px 20px 0 20px}


/* bannery */
.head-banner-top { width: 940px; height: 220px; position: absolute; top: 110px; z-index: 50; }
.to { width: 25px; height: 25px; display: block; cursor: pointer; z-index: 70; }

#cpanel { position: absolute; top: 324px; right: 0; width: 100px; padding-left: 25px; padding-top: 11px; height: 25px; overflow: hidden; background: url(../images/banners/cpanel3.png) no-repeat; _background: url(../images/banners/cpanel3.gif) no-repeat; z-index: 70; }
#cpanel.act2 {background-position:0 -36px !important}
#cpanel.act3 {background-position:0 -72px !important}
#cpanel span { width: 25px; height: 25px; display: block; cursor: pointer; float: left; }

#ban1 {
	position: absolute;
	top: 140px;
	width: 720px;
	height: 180px;
	padding: 40px 0 0 220px;
	margin-bottom: 18px;
	background: url(../images/banners/banner_HP_top_NEW_02.png) no-repeat 0 0;
	font-size: 0.9em;
	z-index: 45;
}
#ban1 h2 { font-size: 30px; line-height: 30px; margin-bottom: 10px; text-transform: uppercase; }
#ban1 p { font-size: 16px; line-height: 16px; margin-bottom: 35px; }
#ban1 .buttonViolet a { cursor: pointer; display: block; position: relative; width: 327px; height: 53px; text-decoration: none; }
#ban1 .buttonViolet span.button { background: url(../images/buttons/buttonViolet_327x53.png) no-repeat scroll 0 0 transparent; display: block; position: absolute; width: 327px; height: 53px; left: 0; top: 0; }
#ban1 .moreInfo { display: inline-block; padding: 5px 0 0 0; color: #000; }
#ban1 .moreInfo:hover { color: #fff; }

#ban2 { position: absolute; top: 140px; width: 720px; height: 165px; padding: 55px 0 0 220px; margin-bottom: 5px; background: url(../images/banners/banner_HP_PF2012.png) no-repeat 0 0; font-size: 0.9em; z-index: 45; }
#ban2  h2 { font-size: 28px; line-height: 28px; margin-bottom: 26px; text-transform: uppercase; font-weight: normal !important; }
#ban2  h2 span { font-weight: bold !important; }
#ban2 .buttonViolet a { cursor: pointer; display: block; position: relative; width: 307px; height: 53px; text-decoration: none; }
#ban2 .buttonViolet span.button { background: url(../images/buttons/buttonViolet_PF_307x53.png) no-repeat scroll 0 0 transparent; display: block; position: absolute; width: 307px; height: 53px; left: 0; top: 0; }
#ban2  .moreInfo { display: inline-block; padding: 5px 0 0 10px; color: #000; }
#ban2  .moreInfo:hover { color: #fff; }


/* top 4 boxes pojisteni */
#boxesPojisteni  {padding-bottom:20px; width:940px; position:relative; font-size:1.2em; line-height:1.7em}
.boxPojisteni {width:220px; padding-top:15px; background:url(../images/boxes/hp-pojisteni.png) no-repeat; float:left}
#boxesPojisteni .bottom-buttons {position:absolute; bottom:15px; width:180px}
#boxesPojisteni .more-info {line-height: 25px; text-decoration: underline; color: #333333; padding-right:14px; background:url(../images/icons/ico-dvojbrko.gif) no-repeat 100% 50%}
#boxesPojisteni .more-info:hover {text-decoration: none}
#boxesPojisteni ul {border-top:1px #dedede solid; margin-top:5px}
#boxesPojisteni li {width:150px; line-height:1.3em; background: url(../images/spreadsheets/spreadsheet.png) no-repeat -477px 7px; padding: 7px 0 8px 30px; border-bottom: 1px #dedede solid}
#boxAutoInner {width:180px; padding:0 20px 3em 20px; background:url(../images/boxes/hp-pojisteni.png) no-repeat -220px 100%; height:20em; position:relative}
#boxMoto {margin:0 20px}
#boxMotoInner {padding:0 20px 3em 20px; width:180px; background:url(../images/boxes/hp-pojisteni.png) no-repeat -440px 100%; height:20em; position:relative}
#boxDomov {margin-right:20px}
#boxDomovInner {padding:0 20px 3em 20px; width:180px; background:url(../images/boxes/hp-pojisteni.png) no-repeat -660px 100%; height:20em; position:relative}
#boxCestyInner {padding:0 20px 3em 20px; width:180px; background:url(../images/boxes/hp-pojisteni.png) no-repeat -880px 100%; height:20em; position:relative}
#boxAuto2 {background:url(../images/boxes/hp-pojisteni.png) no-repeat -1100px 0}
#boxAuto2Inner {width:180px; padding:0 20px 3em 20px; background:url(../images/boxes/hp-pojisteni.png) no-repeat -1320px 100%; height:20em; position:relative}
#boxAuto3 {background:url(../images/boxes/hp-pojisteni.png) no-repeat -1540px 0}
#boxAuto3Inner {width:180px; padding:0 20px 3em 20px; background:url(../images/boxes/hp-pojisteni.png) no-repeat -1760px 100%; height:20em; position:relative}
#boxAuto3ul {border-color:#cbcbcb !important}
#boxAuto3ul li {background-image:url(../images/spreadsheets/spreadsheet2.png); background-position:-412px -54px; border-color:#cbcbcb}


/* soap calc */
#soap-calc {margin-bottom:20px}
#soap-calc .inner {height:24.5em}
#soap-calc h3 {font-size:2.2em; font-weight:bold; border-bottom:1px solid #DEDEDE; padding-bottom:10px; margin-bottom:10px}
#calc label {width:150px; display: block; float:left; padding-left:45px}
#calc li {width:420px}
#calc select {width:190px; float:right; margin-top:11px}
#calc .submit {margin:6px 0 0 224px; clear:both}
#calc .n { height:40px; line-height:40px; float:left; padding:0; background: url(../images/spreadsheets/kalk-numbers-soap.png) no-repeat; }
#calc .n1 { background-position: -565px 6px; }
#calc .n2 { background-position: -505px -62px; }
#calc .n3 { background-position: -370px -197px; }
#calc .n4 { background-position: -223px -352px; }
#calc .n5 { background-position: -72px -491px; }
#calc .n2.act { background-position: -442px -127px; }
#calc .n3.act { background-position: -292px -278px; }
#calc .n4.act { background-position: -146px -426px; }
#calc .n5.act { background-position: 7px -559px; }





/* blog box */
#blog {position:relative; font-size:1.2em; line-height:1.4em}
#blog .h2 span {color:#bfd800}
#blog div div {width:370px; padding-bottom:4px; border-bottom:1px solid #dbdfca; margin-bottom:10px}
#blog img {float:left; margin-bottom:10px}
#blog .motive {background:url(../images/boxes/blog460.png) no-repeat; right:0; top:0; position:absolute; width:215px; height:95px; display:block}
#blog ul {padding-bottom:6px; border-top:1px solid #dedede; clear:both}
#blog li {background-position: -422px -42px}
#blog h3 {width:280px; float:right; font-size:1.4em; line-height:1.3em; padding-bottom:6px}
#blog p {width:280px; float:right; padding-bottom:8px}


/* other boxes */
#main .boxes-container {height: 100%; }
.inner { padding: 20px; }
.bw460h155 { width: 460px; height: 155px; margin-bottom:20px; background: url(../images/boxes/silver-white-rounded-box-460-155-bg.png) no-repeat; }
.bw460h155 .inner { padding-bottom: 15px; }
.bw460h155 p {font-size:1.2em}
.bw460h290 { width: 460px; height: 241px; background: url(../images/boxes/silver-white-rounded-box-460-241-bg.png) no-repeat; margin-bottom: 20px; }
.bw460h290 label { width: 150px; display: block; float: left; padding-left: 45px }
.bw460h290 select { width: 190px; float:right; margin-top:11px}
.bw460h290 li { height: 40px; line-height:40px; }
#carForm .submit {margin:13px 0 0 224px}
.bw460h290 li.n { background: url(../images/spreadsheets/kalk-numbers.png) no-repeat; }
.bw460h290 li.n1 { background-position: -237px 6px; }
.bw460h290 li.n2 { background-position: -177px -61px; }
.bw460h290 #n2 { background-position:-57px -197px; }
.bw460h290 li.n3 { background-position: -117px -130px; }
.bw460h290 #n3 { background-position: 3px -266px; }
.bw460h290 h3.borderbtm { border-bottom: 1px #dedede solid; padding-bottom: 10px; }
.light-brown-box { background: #f4f8e1 url(../images/boxes/lightbrown460.png) no-repeat; margin-right: 0; width: 460px; height: auto; margin-bottom: 20px}
.light-brown-box .inner { background:  url(../images/boxes/lightbrown460.png) no-repeat -460px 100%; padding-bottom: 20px; padding-top:20px; height:22.5em}
.light-brown-box h3.ttl { margin-bottom: 10px; }
.light-brown-box a { text-align: left; font-size: 1.2em; padding-top: 15px; }
#hp-vyhody ul { margin-bottom: 15px; height: 137px; }
#hp-vyhody li { border-bottom: 0; border-right: 1px #dbdfca solid; width: 117px; float: left; padding: 100px 10px 10px 10px; text-align: center; background: url(../images/icons/spreadsheet-big-icon2.gif) no-repeat; }
.tradition { border-right: 0 !important; background-position: -295px 0 !important}
.time { background-position: 18px 0 !important}
.money { background-position: -136px 0 !important}
.brlink a { position: absolute; right: 20px; bottom: 20px; z-index: 1; }
.bw460h169 { width: 460px; height: 169px; }
.bw460h169 h3 {margin-bottom:5px}
.bw460h169 p {font-size:1.2em}
.semafor {background:url(../images/home-page/semafor-bg.jpg) no-repeat; margin-right:0; margin-top:-14px; margin-bottom:20px}
.semafor .inner { padding-top: 34px; padding-left: 125px; }
.semafor .big { width: 325px; padding-top: 10px; }
.bw460h169,
.bw460h155 { color: #000; }
h3.ttl { font-size: 2.2em; font-weight: bold; }
.calc-ico { background: url(../images/icons/big-calc.gif) no-repeat 3px 5px; padding:5px 0 10px 47px; }
.big { font-size: 1.5em; }
.cufon-active .boxes-container h3,
.cufon-active .boxes-container h2 { line-height: 0; }
#content-banner-bottom { width: 940px; height: 95px; background: url(../images/home-page/bottom-banner/bg.png) no-repeat; margin-bottom: 20px}
#content-banner-bottom h2 { padding-left: 150px; line-height: 95px; font-size: 2.6em; font-weight: normal; }
#content-banner-bottom h2 strong { font-weight: bold; }
#hp-mbox-calc {float:left; width:460px}
#hp-mbox-vyhody {float:right; width:460px}


/* mboxy */
#ochrana-d {height:198px; background-image:url(../images/banners/ochrana-d.jpg); padding:22px 30px 0 30px; top:110px; width:880px}
#ochrana-d h1 {font-size:2.7em}
#ochrana-d p {padding:5px 400px 15px 0; font-size:1.4em; line-height:1.5em}


/* 
kampan  "novorocni-vyhody"
---------------------------------------------------- */
#boxNV-01 { width: 910px; height: 190px; padding: 30px 0 0 30px; margin-bottom: 18px; top: 140px; background: url(../images/banners/novorocni-vyhody_HP.jpg) no-repeat #bfd800; font-size: 0.9em; z-index: 45; }
#boxNV-01 h2 { text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 5px; }
.moreInfo { color: #FFFFFF; display: inline-block; font-size: 12px; font-weight: bold; line-height: 36px; margin-left: 15px; width: 200px; }

/* 
kampan  "zodpovedny ridic 3M"
---------------------------------------------------- */
#box3M-01 { width: 905px; height: 190px; padding: 30px 0 0 35px; margin-bottom: 18px; top: 140px; background: url(../images/banners/banner_3M_v04.png) no-repeat 0 0; font-size: 0.9em; z-index: 45; }
#box3M-01 h2 { font-size: 32px; line-height: 32px; margin-bottom: 5px; text-transform: uppercase; }
#box3M-01 h3 { font-size: 22px; line-height: 22px; margin-bottom: 20px; text-transform: uppercase; }
#box3M-01 p { font-size: 12px; line-height: 14px; }
#box3M-01 .buttonViolet a { cursor: pointer; display: block; position: relative; width: 235px; height: 43px; text-decoration: none; }
#box3M-01 .buttonViolet span { background: url(../images/buttons/buttonViolet_235x43.png) no-repeat scroll 0 0 transparent; display: block; position: absolute; width: 235px; height: 43px; left: 0; top: 0; }
#box3M-01 .moreInfo { display: inline-block; padding: 0 0 0 30px; color: #000; }
#box3M-01 .moreInfo:hover { color: #fff; }


/* 
	banner HP - top
---------------------------------------------------- */
#boxHP_top { position: absolute; top: 140px; width: 720px; height: 180px; padding: 40px 0 0 220px; margin-bottom: 18px; background: url(../images/banners/banner_HP_top_NEW_02.png) no-repeat 0 0; font-size: 0.9em; z-index: 45; }
#boxHP_top h2 { font-size: 30px; line-height: 30px; margin-bottom: 10px; text-transform: uppercase; }
#boxHP_top p { font-size: 16px; line-height: 16px; margin-bottom: 35px; }
#boxHP_top .buttonViolet a { cursor: pointer; display: block; position: relative; width: 327px; height: 53px; text-decoration: none; }
#boxHP_top .buttonViolet span.button { background: url(../images/buttons/buttonViolet_327x53.png) no-repeat scroll 0 0 transparent; display: block; position: absolute; width: 327px; height: 53px; left: 0; top: 0; }
#boxHP_top .moreInfo { display: inline-block; padding: 5px 0 0 0; color: #000; }
#boxHP_top .moreInfo:hover { color: #fff; }