body, input { font-family: Helvetica CE, Verdana, Geneva, Geneva CE, Arial, Arial CE, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 0; }
body { text-align: center;}

/* centrování celého obsahu */
#centering { text-align: left; width: 950px; margin: 0 auto 0 auto; padding: 5px 0 0 0; }

p { margin: 0; padding: 0.4em 0.5em; }
a { color: #0062a5; text-decoration: none; }
a:hover { background-color: #cce5ff; }
a.line { display: block; line-height: 200%; padding-left: 0.5em; font-weight: bold; margin: 0.2em 0; }
a.print { display: block; float: right; padding: 0 1em 0 20px; font-size: 10px; font-weight: normal !important; background: url(images/design/print.gif) left center no-repeat; }
a.header {color:#000;text-decoration:none;background-color:none}
a.header:hover {color:#0062A5;text-decoration:none;background-color:#ffffff}


h1 { clear: left; border-top: 10px solid #fff; margin: 0 0 10px 0; font-weight: normal; font-size: 11px; padding-left: 0.5em; line-height: 200%; }
h2 { font-size: 11px; margin: 0; padding: 0; }

/* obecné třídy */
.floatl { float: left; }
.floatr { float: right; }
.imp { color: #0062a5; }
.nocss { display: none; }
.hide { visibility: hidden; }

/* hlavička */
#address { float: right; width: 350px; height: 70px; }
.phone { float: left; margin-right: 2em; }
a#logo { display: block; height: 102px; width: 130px; float: left; background: url(images/design/logo.gif) bottom no-repeat; }
#logo img { display: none;}

/* horní menu */
#menu { font-size: 11px; background-color: #e4f0fc; line-height: 32px; height: 32px; color: #0062a5; padding-left: 1em; clear: right; margin: 0 0 0 140px; border-bottom: 10px solid #fff; }
#menu a { color: #000; padding: 0 0.5em; }
#menu a:hover { color: #0062a5; background-color: transparent; }

#search { padding-top: 3px; margin: 0 10px 0 0; float: right; }
#searchbox, #searchbutt {height: 20px; margin: 0; padding: 0; }
#searchbox { width: 120px;	color: #fff; background-color: #408fc6; border: 1px solid #fff; line-height: 20px; }
#searchbutt { background: url(images/design/arrow.gif) center left no-repeat; border: none; padding-left: 12px; cursor: pointer; }

/* hlavní rozcestník - tři barvy*/
ul#stripe, ul#homestripe { margin: 0; padding: 0; }
#stripe li, #homestripe li { display: block; height: 80px; float: left; list-style: none; width: 199px; border-left: 1px solid #fff; }

#stripe li.theme { width: 348px; }
#stripe li.home { width: 348px; background-image: url(images/design/home.jpg); }
#stripe a, #stripe div { display: block; height: 80px; }
#stripe li.selected { width: 549px; }

#stripe .products { background-color: #ffcc33; }
#stripe .solutions { background-color: #99ccff; }
#stripe .providers { background-color: #cccc66; }

#stripe .products a { background: url(images/design/products.gif) center left no-repeat; }
#stripe .solutions a { background: url(images/design/solutions.gif) center left no-repeat; }
#stripe .providers a { background: url(images/design/providers.gif) center left no-repeat; }

#stripe .products a:hover { background: url(images/design/products_on.gif) center left no-repeat; }
#stripe .solutions a:hover { background: url(images/design/solutions_on.gif) center left no-repeat; }
#stripe .providers a:hover { background: url(images/design/providers_on.gif) center left no-repeat; }

#stripe .products a.selected  { background: url(images/design/products_down.gif) center left no-repeat; }
#stripe .solutions a.selected  { background: url(images/design/solutions_down.gif) center left no-repeat; }
#stripe .providers  a.selected  { background: url(images/design/providers_down.gif) center left no-repeat; }

#stripe .products a:hover.selected, #stripe .products div.selected  { background: url(images/design/products_down_on.gif) center left no-repeat; }
#stripe .solutions a:hover.selected, #stripe .solutions div.selected  { background: url(images/design/solutions_down_on.gif) center left no-repeat; }
#stripe .providers  a:hover.selected, #stripe .providers  div.selected  { background: url(images/design/providers_down_on.gif) center left no-repeat; }

/* obsah */
#contenthold { width: 550px; clear: left; border-top: 1px solid #fff; } /* matrjoska hack*/ 
#content { padding: 0.5em 1em; line-height: 130%; }

/* definice barev pro jednotlivé sekce */
.products { background-color: #ffe599; color: #a76100; }
.products a.line { background-color: #fff2cc; color: #a76100; }
.products a:hover.line { background-color: #ffd866; color: #000; }
.products a { color: #a76100;}
.products p a { color: #000;}
.products a:hover { background-color: #ffcc33; }
.products a.print { color: #a76100}

.solutions { background-color: #cce5ff; color: #0071a2; }
.solutions a.line { background-color: #e6f2ff; color: #0071a2; }
.solutions a:hover.line { background-color: #b2d8ff; color: #000; }
.solutions a { color: #0071a2; }
.solutions p a { color: #000; }
.solutions a:hover { background-color: #99ccff; }
.solutions a.print { color: #0062a5; }

.providers { background-color: #e5e5b2; color: #668400; }
.providers a.line { background-color: #f2f2d9; color: #668400; }
.providers a:hover.line { background-color: #d8d88c; color: #000; }
.providers a { color: #668400; }
.providers p a { color: #000; }
.providers a:hover { background-color: #cccc66; }
.providers a.print { color: #668400;}

/* obecná stránka */
.general h1 { background-color: #f1f7fd; color: #0062a5; font-weight: bold }
.general a.print { color: #0062a5;}
.general a:hover.print { background-color: #cce5ff;}
.general ul { list-style-image: url(images/design/li.gif); padding-left: 20px; margin: 1em 0 1em 15px; }
.general li { margin: 0.5em 0 0 0; }
.general a { font-weight: bold; }

/* sloupec vpravo na textové stránce */
#tips { width: 320px; float: right; padding-left: 20px;  }
#tips ul { list-style-image: url(images/design/tip_li.gif); margin: 0 0 2em 0; padding: 0 0 0 10px; }


/* text u produktu */
.text {
	margin-left: 160px; /* podle šířky obrázku vlevo */
	margin-right: 340px; /* podle šířky panelu s tipy */
}

/* zápatí, copyright */
#footer { color: #b1b1b1; margin: 20px 0 0 0; clear: both; }
#footer a { color: #9a9a9a;}
#footer a:hover { color: #000; background-color: transparent;}

/* titulní strana */
#banner { float: right; margin-top: 10px; }
#news { clear: left; padding: 10px 0 0 10px; margin-right: 150px; }
#mainsearch {margin:50px 10px 0px 20px}
#mainsearch input {border:0px;height:17px}
.home #search { margin: 40px 0 0 20px; float: none; }

#home { clear: left; padding-left: 349px; background-image: url(images/design/index.jpg); background-repeat: no-repeat; }
#home h2 { margin: 10px 0 5px 0; }
#home h2 a { color: #f28e00; border-left: 4px solid #f28e00; padding-left: 10px; margin-left: 5px; font-weight: normal; }
#home h2 a:hover { background-color: #fff3e3; }

#homestripe li { padding-top: 10px; height: 110px; }
#homestripe a { margin-left: 10px; }