/* body { color: #333;	background: #fff url("../images/bodytopbg.gif") repeat-x; font: normal .7em sans-serif; } */
body { color: #333;	background: #fff; font: normal .7em sans-serif; }
input, textarea, select, option, td, th { font: normal 1em sans-serif }
th { font-weight: bold; text-align: left }

input, textarea  { border: 1px solid #ccc; background: #fefefe; color: #666; border-bottom: 1px solid; border-right: 1px solid; padding: 1px 2px }

h1, h2, h3 { color: #848585 }
h1 { font-size: 1.6em }
h2 { font-size: 1.3em; margin-bottom: -10px;}
h3 { font-size: 1.1em; color: #666; margin-bottom: -10px;}

a { color: #c00 }
a :hover { text-decoration: none }
a img { border: 0 }

#page {	width: 940px;	margin: 0 auto; }
#top { height: 50px; position: relative; /*height: 100px;  pokud je zobrazen banner */}

#top #tabs { position: absolute; bottom: 0; left: 12px; width: 708px; text-align: center; font-weight: bold }
#top #tabs a.tab { height: 23px; display: block; position: relative; top: 2px; float: left; margin-right: 5px; background: #c7c9c9; border: 2px solid #fff; border-bottom: 0; text-decoration: none; width: 120px;  color: #666 }
#top #tabs a span { display: block; padding: 5px 5px 0 5px; }
#top #tabs a#active { height: 25px; background: #fff; border: 2px solid #b2b4b4; border-bottom: 0; color: #000 }
#top #tabs a#active span { position: relative; top: 2px; background: #e2e3e3; margin: 0px 2px 0 2px; height: 22px }

#top #topinfo { position: absolute;	height: 60px;	width: 468px;	/*background: #c00; */right: 0;	top: 0; display: none }

#middle { background: #c7c9c9 url("../images/middletopbg.gif") top repeat-x }
#middle #left { width: 704px; margin-left: 12px; background: #fff; border: 2px solid #b2b4b4; border-bottom: 0; padding-bottom: 2px; overflow: hidden }

#middle #left #tabs-navi { height: 25px; background: #e2e3e3; margin: 2px }
#middle #left #tabs-navi a { color: #000; font-weight: bold; text-decoration: none; background: url("../images/arr.gif") left center no-repeat; display: block; float: left; margin-left: 15px; display: inline }
#middle #left #tabs-navi a:hover { color: #c00; }
#middle #left #tabs-navi a.na { background: url("../images/arr-na.gif") left center no-repeat; color: #959595 }
#middle #left #tabs-navi a.na:hover { color: #959595 }
#middle #left #tabs-navi a span { display: block; padding: 5px 1px 0 15px }

#middle #left #motiv { height: 76px; background: #790102 url("../images/top.jpg") no-repeat; margin: 2px; position: relative }
#middle #left #motiv a#logo { display: block; position: absolute; top: 20px; left: 10px; background: url("../images/logo.gif") no-repeat; width: 187px; height: 41px }

#middle #left #navi { background: #e2e3e3 url("../images/navi-bg.gif") left no-repeat; height: 25px; margin: 0 2px; position:relative; /*overflow: hidden*/ }
#middle #left #navi a { color: #666; font-weight: bold; text-decoration: none; }
/*#middle #left #navi span {  display: block; float: left;  }*/

#middle #left #navi ul { margin: 0; padding: 0; }
#middle #left #navi ul li {	float: left; list-style-type: none; margin-left: 0;	position: relative; color: #000; font-weight: bold; padding: 5px 13px 5px 12px; background: url("../images/arrow_g.gif") left no-repeat; } 
#middle #left #navi ul li.first { background: none; padding-right: 20px; cursor: default}
#middle #left #navi ul li.first a {cursor: default!important;}
#middle #left #navi ul li div { visibility: hidden;	position: absolute; top: 24px; left: 0px;	z-index: +10; background: #e2e3e3 url("../images/whitepoint.gif") top repeat-x; filter: -moz-opacity:.95; opacity:.95; filter: alpha(opacity=95); }
/* whitepoint.gif - zajišťuje překrytí pozadí obalovacího divu a tedy návaznost bílé linky */

#middle #left #navi ul li.shownavi div { visibility: visible; }
#middle #left #navi ul li.shownavi a { cursor: default; }
#middle #left #navi ul ul { border: 2px solid #fff; border-top: 0; position: relative; z-index: +100; top: 0px; background: #e2e3e3; margin: 1px 2px 2px 2px }
	
#middle #left #navi ul ul li { margin: 0; padding: 0; background: transparent; float: none; list-style-type: none; } 
#middle #left #navi ul ul li a { font-weight: normal; display: block; width: 120px; padding: 2px 0 2px 10px; margin: 0 8px; border-bottom: solid 1px #fff; background: url("../images/arr-na.gif") left top no-repeat; cursor: pointer !important }
#middle #left #navi ul ul li a span { display: block; padding: 2px 10px }
#middle #left #navi ul ul li a:hover { color: #fff; background: #666 url("../images/arr-na.gif") left top no-repeat; }
#middle #left #navi ul ul li a.MenuInSubTitle {font-weight:bold;background-image: url(none);color: #fff; background: #666;margin-left:0px;width:130px;}

/* ------------------------------------------------------------------------------------------------------------------- */
/* 081105*/
/* ------------------------------------------------------------------------------------------------------------------- */
#middle #left #navi_081105 { background: #e2e3e3 url("../images/navi-bg-081105.gif") left no-repeat; height: 25px; margin: 0 2px; position:relative; /*overflow: hidden*/ }
#middle #left #navi_081105 a { color: #666; font-weight: bold; text-decoration: none; }

#middle #left #navi_081105 ul { margin: 0; padding: 0; }
#middle #left #navi_081105 ul li {	float: left; list-style-type: none; margin-left: 0;	position: relative; color: #000; font-weight: bold; padding: 5px 11px 5px 11px; background: url("../images/arrow_g.gif") left no-repeat; } 
#middle #left #navi_081105 ul li.first { background: none; padding-right: 20px; cursor: default}
#middle #left #navi_081105 ul li.first a {cursor: default!important;}
#middle #left #navi_081105 ul li div { visibility:hidden;position:absolute;top:24px;left:0px;z-index:+10;background:#e2e3e3 url("../images/whitepoint.gif") top repeat-x; filter: -moz-opacity:.95; opacity:.95; filter: alpha(opacity=95); }

#middle #left #navi_081105 ul li.shownavi div { visibility: visible; }
#middle #left #navi_081105 ul li.shownavi a { cursor: default; }
#middle #left #navi_081105 ul ul { border: 2px solid #fff; border-top: 0; position: relative; z-index: +100; top: 0px; background: #e2e3e3; margin: 1px 2px 2px 2px }
	
#middle #left #navi_081105 ul ul li { margin: 0; padding: 0; background: transparent; float: none; list-style-type: none; } 
#middle #left #navi_081105 ul ul li a { font-weight: normal; display: block; width: 120px; padding: 2px 0 2px 10px; margin: 0 8px; border-bottom: solid 1px #fff; background: url("../images/arr-na.gif") left top no-repeat; cursor: pointer !important }
#middle #left #navi_081105 ul ul.swkat li a {width:170px;}
#middle #left #navi_081105 ul ul li a span { display: block; padding: 2px 10px }
#middle #left #navi_081105 ul ul li a:hover { color: #fff; background: #666 url("../images/arr-na.gif") left top no-repeat; }
#middle #left #navi_081105 ul ul li a.MenuInSubTitle {font-weight:bold;background-image: url(none);color: #fff; background: #666;margin-left:0px;width:130px;}
/* ------------------------------------------------------------------------------------------------------------------- */

#middle #left #solutions { border: 2px solid #e2e3e3; margin: 2px; padding: 2px; min-height: 200px; _height: 200px /* 270 */ } 
#middle #left #solutions #solutions-list { height: 300px; width: 189px; overflow: hidden }
#middle #left #solutions #solutions-list h2 { font-size: 1.2em; color: #000; text-transform: uppercase; margin: 15px 0 8px 12px }
#middle #left #solutions #solutions-list div.box { border-top: 1px solid #e1e3e3; border-right: 1px solid #e1e3e3; height: 290px }
#middle #left #solutions #solutions-list div.solution-box { border-bottom: 1px solid #e1e3e3; margin: 8px 10px; /*height: 45px; overflow: hidden */; padding-bottom: 5px; min-height: 50px}
#middle #left #solutions #solutions-list div.solution-box h3 { margin: 0; color: #747373; padding: 2px 0 0 10px; background: url("../images/arr-na.gif") left top no-repeat; }
#middle #left #solutions #solutions-list div.solution-box h3 a { /*color: #747373; */text-decoration: none }
#middle #left #solutions #solutions-list div.solution-box h3 a:hover { color: #c00; }

/* produktový katalog - boxy na výběr kategorie/výrobce */
/* 1. varianta */
#middle #left #solutions #product-catalog { padding: 20px; min-height: 250px; background: #f3f3f3; _height: 250px; /* peekaboo*/ }
#middle #left div.halfbox { width: 320px; float: left; min-height: 110px; margin: 25px 0;  }
#product-catalog div.category-box { width: 275px; background: #999 url("../images/tabbg.gif") left top no-repeat; border-bottom: 1px solid #e2e3e3 /* vykresleni spodniho okraje */ }
#product-catalog div.category-box div.header { height: 20px; overflow: hidden }
#product-catalog div.category-box div.header span { display: block; padding: 3px 0 0 5px; font-weight: bold; color: #f0f0f0 }
#product-catalog div.category-box div.brd { border: 1px solid #e2e3e3; margin: 0px 2px 2px 2px }
#product-catalog div.category-box div.box-content { height: 130px; background: #fff; border: 1px solid #999; padding: 2px 5px; overflow: auto }
#product-catalog div.category-box a { display: block }

/* 2. varianta */
#middle #left #solutions #product-catalog { padding: 10px; min-height: 200px; background: #f3f3f3; _height: 200px; /* peekaboo*/ }
#middle #left #solutions #product-catalog div.halfbox { width: 300px; float: left; min-height: 90px; margin: 15px 0;  }
#product-catalog div.category-box { width: 275px; background: #999; border-bottom: 1px solid #e2e3e3 /* vykresleni spodniho okraje */ }
#product-catalog div.category-box div.header { height: 20px; overflow: hidden }
#product-catalog div.category-box div.header span { display: block; padding: 3px 0 0 5px; font-weight: bold; color: #f0f0f0 }
#product-catalog div.category-box div.brd { border: 1px solid #e2e3e3; margin: 0px 2px 2px 2px }
#product-catalog div.category-box div.box-content { height: 90px; background: #fff; border: 1px solid #999; padding: 2px 5px; overflow: auto }
#product-catalog div.category-box a { display: block }

#middle #left #solutions #product-catalog a.filter-reset { display: block; border: 2px solid #999; border-left: 2px solid #cecece; border-top: 2px solid #cecece; float: left; font-weight: bold; margin-top: 15px; background: #e2e3e3; text-decoration: none; text-align: center; color: #666 }
#middle #left #solutions #product-catalog a.filter-reset-on { border: 2px solid #cecece; border-left: 2px solid #999; border-top: 2px solid #999; background: #eee }
#middle #left #solutions #product-catalog a.filter-reset span { display: block; height: 112px; border: 2px solid #fff; padding: 0 10px; cursor: pointer; }


/* logovacĂ­ form  */
#middle #left div.brdSplitter { border-top: dotted 1px #c00 }
#middle #left form.loginform div.Bg { margin: 15px 15px 15px 0; padding: 15px 0; /*background: url('../images/graybg.jpg') center bottom no-repeat; border-bottom: 1px solid #999; border-top: 1px solid #eee */}
#middle #left form.loginform h2 { padding-left: 12px; font-size: 1.4em; background: url("../images/arr-big.gif") left no-repeat; border: 0; border-bottom: dotted 1px #ccc; margin: 25px 0 20px 0 }
#middle #left form.loginform input { width: 200px }
#middle #left form.loginform input.submit { width: 206px; background: #eee; font-weight: bold }
#middle #left form.loginform input.chbox { width: 15px; border: 0; background: transparent }

/* smartselect - srovnani leve a prave strany */
#product-catalog div.halfbox .smartselectTD td { padding: 0 0 7px 0 }
#product-catalog div.halfbox .findbody td { font-weight: bold }
#product-catalog div.halfbox .findbody input { font-weight: normal }

#middle #left h1 { /*font-size: 1.5em;*/ color: #848585; margin: 10px 0 3px 0; border-bottom: 1px solid #e1e3e3; padding-bottom: 5px }

#middle #left p.path { margin: 0; border-bottom: solid 1px #e1e3e3; padding-bottom: 3px }
#middle #left .path a { color: #000; text-decoration: none }
#middle #left .path a:hover { color: #c00 }

#middle #left .headline { float: right; width: 500px; height: 300px; overflow: hidden  }

#middle #left div.splitter { background: #e2e3e3; height: 10px; margin: 2px } 

/* spodni ramek - nutno nastavit min-height podle praveho sloupce, jinak nenavazujou cary - muselo by se resit bg img. */
#middle #left #product-info { border: 2px solid #e2e3e3; padding: 2px; margin: 2px 2px 0px 2px; min-height: 300px; _height: 300px }
#middle #left #single-page { border: 2px solid #e2e3e3; min-height: 650px; _height: 650px; padding: 20px; margin: 2px 2px 0px 2px } /* jen jedno okno na strance */
#single-page p{margin-top: 15px;}
#single-page img{margin-top: 15px;}

#middle #left #product-list { width: 189px; overflow: hidden; float: none }
#middle #left #product-list h2 { font-size: 1em; color: #000; text-transform: uppercase; margin: 15px 0 8px 12px }
#middle #left #product-list div.box { border-top: 1px solid #e1e3e3; border-right: 1px solid #e1e3e3; min-height: 262px; _height: 262px }
#middle #left #product-list div.product-box { border-bottom: 1px solid #e1e3e3; margin: 5px 10px; padding: 5px }
#middle #left #product-list a.product-box { display: block; border-bottom: 1px solid #e1e3e3; margin: 5px 10px; padding: 5px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #747373 }
#middle #left #product-list a.product-box:hover { color: #c00 }
#middle #left #product-list div.product-box h3 { margin: 0; color: #747373 }
#middle #left #product-list a.product-box.active {background-color:#f2f2f2; }

/* konfigurace */
#middle #left div.konfigurator div#officepro { display: none }
#middle #left div.konfigurator div#integra { display: none }
#middle #left div.konfigurator div#alivio { display: none }
#middle #left div.konfigurator div#allegro { display: none }
#middle #left div.konfigurator div#hppc { display: none }
#middle #left div.konfigurator div#hpntb { display: none }
#middle #left div.konfigurator div#stanice { display: none }
#middle #left div.konfigurator h1.configHeader { margin: 20px 0 0 200px; padding: 0px; }
#middle #left div.konfigurator h2 { margin: 20px 0 5px 0; padding: 0 0 0 115px; border-bottom: solid 1px #eee }

#middle #left div.konfigurator table td { vertical-align: top }

#middle #left table.config { border: 1px solid white; border-top: 1px solid #c7c9c9; margin-top: 5px; }
#middle #left table.config th { background: #e2e3e3; padding: 3px 0 }
#middle #left table.config td { border-bottom: 1px solid #c7c7c9; padding: 2px 1px; vertical-align: top }

/* TIPy na titulce  */
#product-info div.tip  { clear: left }
#product-info div.tip h3 { border-bottom: dotted 1px #ccc; background: url("../images/arr.gif") left no-repeat; padding: 5px 0 1px 15px }
#product-info div.tip img { float: left; margin: 5px 10px 5px 0 }
#product-info div.tip p { text-align: justify }

/*
puvodni styly - pro menu na titulce
#middle #left #product-info #product-list { width: 189px; overflow: hidden; float: none }
#middle #left #product-info #product-list h2 { font-size: 1em; color: #000; text-transform: uppercase; margin: 15px 0 8px 12px }
#middle #left #product-info #product-list div.box { border-top: 1px solid #e1e3e3; border-right: 1px solid #e1e3e3; min-height: 262px; _height: 262px }
#middle #left #product-info #product-list div.product-box { border-bottom: 1px solid #e1e3e3; margin: 5px 10px; padding: 5px }
#middle #left #product-info #product-list a.product-box { display: block; border-bottom: 1px solid #e1e3e3; margin: 5px 10px; padding: 5px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #747373 }
#middle #left #product-info #product-list div.product-box h3 { margin: 0; color: #747373 }
*/

/* produktova karta */
#middle #left .pcard h1 { margin: 15px 0 0 0; color: #c00; border-bottom: 0 } 
#middle #left .pcard table.productinfo { width: 655px; margin-bottom: 10px } 

/* Puvodni */
/* #middle #left .pcard table.productinfo td { font-size: 1.2em; font-weight: bold; color: #848585; color: #000; border-top: solid 1px #c7c7c9 } */
/* Nove */
#middle #left .pcard table.productinfo td {font-weight: normal; color: #848585; color: #000; border-top: solid 1px #c7c7c9;}
#middle #left .pcard table.productinfo td a {font-weight: bold;}
/* Nove konec */
#middle #left .pcard table.productinfo td.productimg { width: 300px; border: 0 } 
#middle #left .pcard table.productinfo td.productimg div#noimg { width: 300px; height: 200px; background: url("../images/noimg.jpg") no-repeat; border: solid 2px #c7c7c9; }
#middle #left .pcard table.productinfo td.productimg div#productimg { width: 300px; height: 200px; }
#middle #left .pcard table.productinfo td.productimg img { border: solid 2px #c7c7c9 } 
#middle #left div.bar { background: #c7c9c9; padding: 1px 0; margin: 5px 0 10px 0 }
#middle #left div.bar div { _height: 25px; min-height: 25px; background: #e2e3e3; border: solid 1px #fff; border-right: 0; border-left: 0; }
#middle #left .pcard .descr { padding: 2px 10px }
#middle #left .pcard .config span { display: block; background: url("../images/arr.gif") left no-repeat; padding-left: 15px }


/* katalog / cenik produktu */
/* filtr */
#middle #left #product-info table.filter { margin: 20px; border: 1px solid #c7c9c9; border-left: 0; border-right: 0; width: 100% }
#middle #left #product-info table.filter th { background: #e2e3e3; border: 1px solid #fff; border-left: 0; border-right: 0; padding: 5px 8px }
#middle #left #product-info table.filter th.dark { background: #c7c7c9; }
#middle #left #product-info table.filter input.price { text-align: right; width: 40px; background: #fff; }

table.filter { margin: 0px; border: 1px solid #c7c9c9; border-left: 0; border-right: 0; width: 100%}
table.filter th { background: #e2e3e3; border: 1px solid #fff; border-left: 0; border-right: 0; padding: 5px 8px }
table.filter th.dark { background: #c7c7c9; }
table.filter input.price { text-align: right; width: 40px; background: #fff; }

/* pohled - cennĂ­k */
#middle #left table.pricelist { margin: 10px 0 0 0; border-top: 1px solid #c7c9c9; border-bottom: 1px solid #c7c9c9; width: 100%; }
#middle #left table.pricelist tr:hover { background: #fdffbb }
#middle #left table.pricelist tr:hover a { text-decoration: underline; color: #c00 }
#middle #left table.pricelist th { border-top: solid 1px #fff; border-bottom: solid 1px #fff; background: #999; padding: 4px 2px; text-align: left; border-right: solid 1px #efefef; color: #fff; }
#middle #left table.pricelist th a { color: #fff; text-decoration: none }
#middle #left table.pricelist td { border-bottom: 1px solid #c7c7c9; padding: 2px 1px }
#middle #left table.pricelist td.first { border-top: 1px solid #c7c7c9; }
#middle #left table.pricelist td a img { margin-left: 1px }
#middle #left table.pricelist td a { text-decoration: none; color: #000 }
#middle #left table.pricelist td a:hover { text-decoration: underline; color: #c00 }
#middle #left table.pricelist.nohover tr:hover { background: transparent }
.blocklink a { display: block }

/* pohled - katalog */
#middle #left #product-info table.catalogview { margin: 5px 20px; border-top: 1px solid #c7c9c9; width: 650px; }
#middle #left #product-info table.catalogview th { padding: 2px 1px; text-align: left; vertical-align: top }
#middle #left #product-info table.catalogview th a { text-decoration: none }
#middle #left #product-info table.catalogview td { padding: 2px 1px; vertical-align: top }
#middle #left #product-info table.catalogview td.descr { border-top: 1px solid #c7c9c9; height: 60px; }
#middle #left #product-info table.catalogview .last-line { background: #eee; }
#middle #left #product-info table.catalogview .last-line td { vertical-align: bottom; border-top: 1px solid #c7c9c9; }

/* pohled - kosik */
#middle #left #single-page table.basket-page { margin: 0 0 10px 0; border-top: 0px solid #c7c9c9; /*width: 650px;*/ }
/*#middle #left #single-page table.basket-page th { background: #e2e3e3; padding: 3px 2px }
#middle #left #single-page table.basket-page td { border-bottom: 1px solid #c7c7c9; padding: 2px }*/

input.pocet { width: 30px }
/* tlac. prepocitat - v radku */
/*input.recount { min-height: 20px; _height: 20px; background: url("../images/arrow_down.gif") left no-repeat; font-weight: bold; padding-left: 25px; border: 0; font-size: 12px; text-align: left }
*/
input.recount { height: 18px; width: 13px; margin: 0; background: url("../images/confirm-2.gif") center top no-repeat; border: 0; cursor: pointer }

/* souhrne stranky - order/confirm... */
table.platce th { text-align: right }

/* Přehledy - objednavky / poptavky / oblibene */
#middle #left #summary h2 { padding-left: 12px; font-size: 1.35em; background: url("../images/arr-big.gif") left no-repeat; border: 0; border-bottom: dotted 1px #ccc; margin: 25px 0 20px 0 }
#middle #left #summary table.personal { /*border-left: solid 2px #ccc;*/ padding-left: 0px }
#middle #left #summary table.personal th { /*text-align: right; background: #eee;*/ padding: 1px 3px; vertical-align: top }
#middle #left #summary table.personal td { /*background: #f2f2f2;*/ padding: 1px 5px }



/* stránkování */
#middle #left #product-info div.pagelist { /* margin: 5px 20px 10px 20px; */ }
#middle #left #product-info div.pagelist a { text-decoration: none }
#middle #left #product-info div.pagelist a:hover { text-decoration: underline }
#middle #left #product-info div.pagelist span.act-page { padding: 0 3px; background: #c7c7c9; color: #000; font-weight: bold }

/* rejstřík */
#middle #left div.index { text-align: center; letter-spacing: 3px; _height: 15px !important; min-height: 15px !important; padding: 3px 0 }
#middle #left div.index a { text-decoration: none; color: #03c }
#middle #left div.index a:hover { color: #c00 }
#middle #left div.index span.act-page { padding-left: 4px; margin: 0; background: #c7c7c9; color: #000; font-weight: bold }

/* rozděleni stranky s linkou např.kontakty */
#middle #left div.vsplitter div.left { float: left; width: 26%; padding: 2%; text-align: right }
#middle #left div.vsplitter div.right { border-left: solid 1px #c00; float: left; width: 60%; padding: 2% }
#middle #left div.vsplitter div.first { margin: 20px 0 0 0; }

#middle #left div.vsplitter div.left h2 { font-size: 1.1em; color: #666; padding: 0; margin: 5px 0 }
#middle #left div.vsplitter div.right p { padding: 0; margin: 5px 0 }

#middle #right { float: right; width: 200px; margin-right: 10px; display: inline /* peekaboo */; overflow: hidden; }

#middle #right .box { border-top: 2px solid #b2b4b4; background: url("../images/boxbg.gif") repeat-y; width: 200px; margin-bottom: 15px }
#middle #right .box form { margin: 0; }
#middle #right .box .texts { padding: 10px }
#middle #right .box .header { border-bottom: 2px solid #b2b4b4; padding: 2px; }
#middle #right .box .header span { display: inline; width: 24px; height: 24px; background: #9d0103; float: left; border-right: 2px solid #fff; margin-left: 2px; }
#middle #right .box .header h2 { color: #717171; background: #e2e3e3; font-size: 1em; margin: 0 2px 0 0; padding: 5px 0 5px 33px }
#middle #right .box .foot { border: 0; background: url("../images/boxbotbg.gif") bottom no-repeat; height: 16px }

#middle #right #rightinfo { width: 200px; height: 300px; background: #eee; display: none }

/*form.regform { background: url("../images/ilu1.jpg") top right no-repeat }*/
.regform table { border-top: dotted 1px #c7c9c9 }
.regform h2 { margin: 20px 0 5px 0; background: url("../images/arr-big.gif") left no-repeat; padding-left: 12px; font-size: 1.3em }
.regform input { width: 200px }
.regform select { width: 200px }
.regform .submit { font-weight: bold; color: #333; border: solid 1px #333; background: #eee; width: 206px }


#foot { clear: right; height: 42px; background: #fff url("../images/botbg.gif") top repeat-x; margin-top: 0px }
#foot #footer { margin-left: 12px; width: 704px; background: #fff; border: 2px solid #b2b4b4; border-top: 0 }
#foot #footer div { margin: 2px; height: 38px; background: #e2e3e3; margin-top: 0 }
#foot #footer div span { display: block; padding: 10px 15px 0 15px; color: #999; text-align: right }

a.textbutton { display: block; height: 20px; color: #5f6060; text-decoration: none; font-weight: bold; padding-left: 25px; margin: 0 5px }
a.textbutton span { display: block; padding: 3px 0 0 0; font-size: 12px }

a.butonek { display: inline; color: #5f6060; text-decoration: none; font-weight: bold; margin: 0 5px 0 0; background: #fff; border: solid 1px #c7c9c9; float: left }
a.butonek span { display: block; padding: 3px 10px 4px 25px; font-size: 12px; background-color: #e2e3e3; margin: 1px }
a.fixedsize { width: 155px }

.backimg { background: url("../images/arrow_left.gif") left no-repeat; }
.frontimg { background: url("../images/arrow_right.gif") left no-repeat; }
.recountimg { background: url("../images/arrow_down.gif") left no-repeat; }
.delimg { background-image: url("../images/delete-big.gif"); background-position: left center; background-repeat: no-repeat; }
.basket { background-image: url("../images/plus-big.gif"); background-position: left center; background-repeat: no-repeat; }
.confirm { background-image: url("../images/confirm.gif"); background-position: left center; background-repeat: no-repeat; }
.fav { background: url("../images/favorites-big.gif") left no-repeat; }

a.sort { display: block; background: transparent url("../images/sort.gif") no-repeat; padding-left: 12px; text-align: left; margin-left: 5px }
a.sortup { display: block; background: transparent url("../images/sortup.gif") no-repeat; padding-left: 12px; text-align: left; margin-left: 5px }
a.sortdown { display: block; background: transparent url("../images/sortdown.gif") no-repeat; padding-left: 12px; text-align: left; margin-left: 5px }

.loginBox { border: 2px solid #ccc; padding: 20px; float: left }
.pad { padding: 10px }
.padTxt { padding: 5px 20px }
.nob { border: 0 !important }
.topb { border: solid 1px #c7c7c9 }
.radio { border: 0; vertical-align: middle; background: transparent; }
.radio input { border: 0; vertical-align: middle;  background: transparent }
.nobg { background: transparent; }
.submit { font-weight: bold; color: #333 }
.number { text-align: right !important }
.center { text-align: center}
.rightTxt { text-align: right !important; }
.whitebg { background: #fff !important }
.bg { background: #eee; }
.OblibeneNa { background: #f0f0f0; color: #999 }
.hidden { display: none !important }

ul.black-link a { color: #333 }
ul.black-link a:hover { color: #c00 }

.clr { clear: left }
.clrr { clear: right; height: 1px; font-size: 1px }
.clear {clear: both;}

.underlined { border-bottom: solid 1px #ccc; vertical-align:middle }

.darkheader { background: #eee; padding: 0; border-top: 1px solid #ccc }
.darkheader span { padding: 4px 5px; display: block; border-top: 1px solid #fff }
.topBrd { padding: 5px 0 0 0; border-top: 1px solid #ccc }
h2.darkheader { font-size: 1.1em; color: #666 }

#profile { margin-left: 220px; padding-right: 15px }
#profile_actuality { margin-left: 220px; padding-right: 15px }
#profile_actuality h2 {padding-left:0px!important}
#profile.info h2 { margin: 20px 0 5px 0; background: url("../images/arr-big.gif") left no-repeat; padding-left: 12px; font-size: 1.3em; border-bottom: 1px dotted #ccc }
/* menu vpravo v ramci stranky
.SubProfileMenu { width: 180px; float: right; background: #e2e3e3; background: #fff; margin: 80px 20px 0 0; padding: 2px; border: 2px #b2b4b4 solid; }
.SubProfileMenu a { padding: .2em .5em; text-decoration: none; display: block; background: #e2e3e3; }
.SubProfileMenu a span { margin-left: .5em; padding: .2em .5em; text-decoration: none; display: block; background: url("../images/arr.gif") left top no-repeat; padding-left: 15px;}
.SubProfileMenu a.activeItem span { background: #fff url("../images/arr-na.gif") left top no-repeat; }
.SubProfileMenu a.activeItem { color: #999; background: #fff; border: 1px solid #e2e3e3; }
.SubProfileMenu a.activeItem:hover { background: #fff; }
.SubProfileMenu a:hover { text-decoration: underline; background: #efefef }
*/
/* FLOAT BOX - banner vpravo */
.float-box { margin:1em 0 0 1em; background: url("http://www.autocont.cz/images/float-box-bg.gif") repeat-y; float: right; width: 150px; cursor: pointer }
.float-box-motiv { padding: 0 5px 5px 5px; }
.float-box .acmail { padding-top: 205px; background: url("http://www.autocont.cz/images/acmail-motiv.jpg") no-repeat; }
.float-box .google { padding-top: 145px; background: url("http://www.autocont.cz/images/google-mini.jpg") no-repeat; }
.float-box .it-in-the-box { padding-top: 175px; background: url("http://www.autocont.cz/images/it-in-the-box.jpg") no-repeat; }
.float-box .swpodkontrolou { padding-top: 175px; background: url("http://www.autocont.cz/images/swpodkontrolou.jpg") no-repeat; }

.float-box-motiv p { font-size: 0.8em; text-align: left }
.float-box-motiv h2 { font-size: 1.1em; color: #666; text-align: left }
.float-box-motiv h2 { font-size: .9em; color: #666; text-align: left }
.float-box p.moreinfo { padding-right: 3px; padding-left: 3px; font-weight: bold; background: #ddd; padding-bottom: 3px; margin: 0px; padding-top: 3px; text-align: center}
.float-box a { text-decoration: none }
/* FLOAT BOX - banner vpravo */

.chbox { border: 0 !important }
.radio { border: 0 !important }
.w200 { width: 200px; border: 1px solid #999;}
.req {color: red; font-weight:bold; text-transform:uppercase;}
.leftw {width: 200px; border: 0px solid #999;}
.formtable {font-size:1em;}
.ico-pdf{list-style-image: url(../images/ico-pdf-link.gif); padding-left: 3px;}
.ico-htm{list-style-image: url(../images/ico-htm-link.gif); padding-left: 3px;}
.ico-ai{list-style-image: url(../images/ico-ai-link.gif); padding-left: 3px;}
.ico-arr{list-style-image: url(../images/arr.gif); padding-left: 0px;}
.swimgl{border-top:3px solid #dcdcdc;border-right:7px solid #dcdcdc;border-bottom:7px solid #dcdcdc;border-left:3px solid #dcdcdc;margin:0 10px 10px 0;}
.swimgr{border-top:3px solid #dcdcdc;border-right:7px solid #dcdcdc;border-bottom:7px solid #dcdcdc;border-left:3px solid #dcdcdc;margin:7px 0px 10px 10px;}
fieldset{border: 0px white solid;}

.infobox-wrapper{width:100%;height:50px;text-align:right;padding:.5em;border:0px #dcdcdc solid;}
.infobox-content{float:right;text-align:left;background-color:#f0f0f0;padding:.5em;border:1px #e0e0e0 solid;}

.itt{font-style: italic;}


/*vyjímka pro www.autocont.cz/hp*/
#inner{
background-image:url("../images/hp/background_hp.png");
background-repeat:no-repeat;
height:100%;
}

#hp-seznam a span{
color:#000000;
text-decoration:none;
}
/*Konec vyjímky*/