/*
 * http://trikeshop.cz/ CSS stylesheet
 */

/* html */
body { background: #fff url('../images/bg.gif') repeat-x; color: #000; margin: 0; padding: 35px; font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; }
a { color: #e06e0a; text-decoration: none; font-weight: bold; }
a:hover { color: #222; text-decoration: none; }
a.norm { color: #555; text-decoration: underline; font-weight: bold; }
a.norm:hover { color: #000; text-decoration: none; }
h1 { font-size: 1.4em; color:#E77918; text-decoration: underline; }
h1.index img { margin:auto; display:block; }
h1.index { width:246px; height:148px; margin:auto; }
h1.index span { background:url('../images/logotrike.jpg'); }
h2 { font-size: 1.1em; color:#4a4a4a; }
h3 { color:#333; font-style: italic; }
img { border: 0px; }
hr{  border: 1px solid #777; }
p { font-size: 0.9em; }

/* Header */
#header a { width:900px; height:172px; }
#header.trike a span { background: url('../images/logo-900-3kolky.jpg') no-repeat 0 0; }
#header.prives a span { background: url('../images/logo-900-privesy.jpg') no-repeat 0 0; }
#header #top-menu { position:absolute; top:-18px; left:20px; margin:0; }


/* Menu */
#menu { font-size: 13px; font-weight: bold; color: white; margin: 0; padding: 0; border-top: 2px solid white; }
#menu ul { margin: 0; padding: 0; list-style: none; /*height: 2.2em;*/ background: #ddd url(../images/menu-bg2.gif) repeat-x;  overflow:hidden; width:100%; }
#menu ul li { float: left; padding: 0; height: 100%; line-height: 2.2em; display: block; border-right: 2px solid white; }
#menu ul li a.active {  background: #ddd url(../images/menu-bghover.gif); }
#menu ul li a.navic {  background: #ddd url(../images/menu-bg3.gif); border-left: 4px solid white; }
#menu ul li a { color: white; background: #ddd url(../images/menu-bg2.gif) repeat-x; text-decoration: none; display: block; padding: 0 2.2em 0 2.2em;  }
#menu ul li a:hover { color: white; background: #ddd url(../images/menu-bghover.gif); font-weight: bold; text-decoration: none; display: block; padding: 0 2.2em 0 2.2em;}
#menu ul a:active, #menu ul a:focus { outline: 0; }

/*#submenu { font-size:13px; font-weight:700; margin:0 auto; padding:0; }*/
#submenu { margin:10px auto 30px; padding:0; list-style:none; height:2.2em; font-size:12px; }
#submenu li { float: left; padding: 0; height: 100%; line-height: 2.2em; display: block; margin-right: 2px; }
#submenu li a.active { color: #222; border: 1px solid #222; font-weight: bold; text-decoration: none; display: block; padding: 0 2.2em 0 2.2em; }
#submenu li a { color: #777; border: 1px solid #bbb;  text-decoration: none; display: block; padding: 0 2.2em 0 2.2em;  }
#submenu li a:hover { color: #222; border: 1px solid #222; font-weight: bold; text-decoration: none; display: block; padding: 0 2.2em 0 2.2em; }
#submenu li a:active,
#submenu li a:focus { outline: 0; }

 
.images { list-style-type:none; margin:20px auto; padding:0; overflow:hidden; width:790px; }
.images li { background:none; padding:0; margin:0px 10px 10px 0px; min-height:130px; padding:0 0 0 0; float:left; position:relative; }
.images li.last { margin-right:0; }
.images li a img { border:1px solid #7a7a7a; }
.images li a:hover img { border-color:#E77918; }


.novinky { background: url(../images/novinka-bg.gif) repeat-x; padding:10px; margin:0 auto 20px; overflow:hidden; width:95%; }
.novinky h2 { margin:0; padding:0; }
.novinky .vpravo { text-align: right; font-size: 0.8em; color: #777;}

#page { width:900px; margin:0 auto; font-size:0.9em; position:relative; }
#content { background:#e5e5e5; margin-top:2px; border:1px solid #cecece; padding:10px; }
#footer { text-align:right; font-size:0.8em; color:#222; background: url(../images/menu-bg2.gif) repeat-x; height:35px; margin-top: 2px; padding:9px 10px 0 0; }


table { margin:15px auto; width:90%; border-collapse:collapse; font-size:.9em; }
table thead { color:#fff; text-align:left; }
table thead th,
table thead td { background:#7a7979 url(../images/menu-bg3.gif) repeat-x left top; font-weight:700; white-space:nowrap; }
table td, table th { padding:5px 8px; border:1px solid #cecece; }
table th { font-weight:500; }


/* ostatni */
.hidden { display:none; }

.clear { overflow:hidden; width:100%; } 
.fleft { float:left; }
.fright { float:right; }
.w535 { width:535px; }
.w300 { width:300px; }

.obr { border: 2px solid #333; }
.tac { text-align:center; }
.marginLeft { margin-left:50px; }
.velke { font-size: 1.2em; }
.velke2 { font-size: 1.2em; color: #333; }
.obsah { margin-left: 50px; font-size: 0.9em; }
.ir,.ir span { display:block; overflow:hidden; position:relative; top:0; left:0; } 
.ir span { width:100%; height:100%; position:absolute; }