/** OBSAH **/

body { color: #555555; padding: 0; margin: 0; background: url("images/body-back.jpg") repeat-x #999999; }
body, caption, input { font-family: Verdana, "Tahoma", "Luxi Sans", Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 {font-family: Trebuchet MS, "Trebuchet MS", "Arial CE", Arial, Helvetica, sans-serif; font-weight: normal; }
table { padding: 0px; margin: 0px}

/** Headings **/
h1 { font-size: 1.36em; line-height: 1.0; letter-spacing: 0px; margin: 5px 0 5px 0; color: #2D304A; }
h2 { font-size: 1.2em; line-height: 1.0; letter-spacing: 0px; margin: 5px 0 5px 0; color: #FF7200; }
h3 { font-size: 1.2em; line-height: 1.0; letter-spacing: 0px; margin: 5px 0 5px 0; color: #FE9900; }

/** Images **/
img { border: 0px ; padding: 0px; margin: 0px; }
img.no-border { border: none; }

/** Links **/
a { text-decoration: none; color: #555555}
.orange { padding-left: 17px; color: #FF6600; background: url("/images/arrow.gif") no-repeat 0px 3px;}
.blue { padding-left: 17px; font-size: 1.4em; color: #2D304A; font-family: Trebuchet MS, "Trebuchet MS", "Arial CE", Arial, Helvetica, sans-serif; background: url("/images/arrow.gif") no-repeat 0px 6px;}
a:hover { text-decoration: underline;}

/** Layout **/
p, ul {padding: 0; list-style: none; margin: 0 }

#logo  {width: 930px; height: 87px; margin: 0 auto; padding: 0px; }
#logo img {float: left; }

#flags  {background: url("images/flags-back.jpg") no-repeat; width: 390px; height: 87px; padding: 0px; float: right;}
#flags .icons  {float: right; padding: 15px 50px 0px 0px}
#top   {background: url("images/top.jpg") no-repeat; width: 930px; height: 171px; margin: 0px auto 0px; padding: 0px; }
#show   { float: right; padding-right: 17px}

.welcome {padding: 20px 20px 0px 50px; font-size: 0.8em; text-align: justify; width: 370px; float: left;}
.index-link {font-size: 0.68em; width: 140px; height: 220px; padding: 0px 8px 0px 8px; margin-top: 45px; float: left; border-left: 1px solid #7385A9; display: block;}
.index-link p {padding-top: 5px; } 

.product-link { font-size: 0.9em; width: 185px; height: 230px; padding: 0 5px 0 16px; margin: 0px; float: left; border-left: 1px solid #7385A9; }
.first { border: 0px solid; }
.product-link p {font-size: 0.9em}
.product-blue { padding: 3px 0 0 17px; height: 30px; line-height: 1em; display: block; font-size: 1.5em; color: #2D304A; font-family: Trebuchet MS, "Trebuchet MS", "Arial CE", Arial, Helvetica, sans-serif; background: url("/images/arrow.gif") no-repeat 0px 6px;}

#pagesh{background: url("images/main-back.jpg") repeat-y; width: 930px; margin: 0px auto 0px; }
#page  {background: url("images/main-shadow.jpg") no-repeat; width: 930px; min-height: 350px; _height: 350px}

#menu  {font-size: 0.75em; background: url("images/menu-back.jpg"); width: 760px; height: 22px; margin: 0px auto; padding: 13px 0px 0px 170px; }
#menu ul { margin: 0px; padding: 0px; font-weight: bold; }
#menu ul li {margin: 0px; padding: 0px; list-style: none; display: inline;}
#menu a { padding: 5px 15px 5px 10px; background: url("../images/menu-sl.gif") no-repeat top right; color: white;}

#submenu   { font-size: 0.7em; background: #EFEFEF ;position: relative; width: 198px; padding: 8px 9px 0px 9px; left: 17px; float: left; color: #444444 }
#submenu ul  { padding: 10px 0; margin: 0px; }
#submenu ul li { padding: 8px 0px 8px 17px; margin: 0px; border-top: 1px solid #aaa; list-style: none; }
#submenu ul li.last { border-bottom: 1px solid #aaa;}
#submenu a { padding: 0px; margin: 0px; color: #666666; line-height: 1em; display: block}
#submenu a:hover { color: #FF7200}

#text  {font-size: 0.8em; width: 630px; float: left; padding-left: 50px; padding-top: 20px; text-align: none; }
#text p {padding: 3px 0 3px 0;}
#text a img {padding: 2px; border: 2px solid #ccc;}
#text a img.left { margin-right: 8px; }
#text a img.right { margin-left: 8px; }
#text a:hover img {padding: 2px; border-color: #FF6600; }
#text ul { padding: 7px 0 10px 0;}
#text ul li { padding: 0 0 3px 25px; background: url("images/box.gif") no-repeat 9px 5px; }

.zoom { font-size: 1.2em}

#realizace {background: url(images/realizace-back.gif) no-repeat; width: 830px; height: 330px; padding: 22px 0px 0px 0px; display: block}
#realizace table td { border: none; width: 330px; height: 104px; padding: 2px 0px 0px 85px; }
#realizace table { border: none; padding: 0px; }
#realizace p { padding: 0px; }
#realizace ul { padding: 0px; }
#realizace ul li {background: none; padding: 3px 0px 0px 11px; } 

.orangebox { background-color: #FFE9CF; padding: 3px 11px 3px 11px; margin-bottom: 4px}
.photobox { background-color: #EFF3FF; width: 610px; display: block; padding: 10px; float: left;}
.photobox img { margin: 0px 8px 8px 0px; float: left;}

#footer {font-size: 0.9em; background: url("images/foot-back.jpg") no-repeat; width: 930px; height: 156px; margin: 0px auto; padding: 0px;}
#footer ul { margin: 0px; padding: 0px; font-weight: normal; }
#footer ul li {margin: 0px; padding: 0px; list-style: none; display: block;}
#footer p.ace a{ font-size: 85%; left: 270px; bottom: 17px; position: relative; color: #888888; }

.left-block {font-size: 0.85em; padding: 45px 0px 0px 50px; float: left;}
.left-block p {padding: 5px 0px 0px 16px}
.right-block {font-size: 0.75em; padding: 36px 50px 0px 0px; float: right}


.clear {clear: both; }

/** Gallery **/
.gallery {width: 800px; margin: 20px auto; font-size: 110%;}
.gallery table {border: 0; }
.gallery a img { margin: 1px; padding: 2px; border: solid 1px white; }
.gallery a:hover img { margin: 1px; padding: 2px; border: solid 1px red; }

.gallery-nav {width: 735px; margin: 5px auto 5px; padding: 2px 10px 2px 10px; background: #222222; border: solid 1px #333333 }
.gallery-nav strong {color: red; }
.gallery-nav a { padding: 2px 5px 2px 5px; border: solid 1px #444444; background: #333333; }
.gallery-nav a:hover { color: red; }

/** webCMS format **/
p.indent {margin-left:40px}
p.left {text-align:left}
p.center {text-align:center}
p.right {text-align:right}

.left {float:left}
.right {float:right}

kbd {padding:0px 1px 0px 1px;border-width:1px 2px 2px 1px;border-style:solid}
abbr {border-bottom:1px dashed;cursor:help}
span.underline {text-decoration:underline}
.lines td { padding-bottom: 5px; border-bottom: 1px dotted #ccc }