/*DEFINOVANE*/
body {text-align:center;behavior:url("js/csshover.htc"); background:#d6d5d5; color:#e7e2e2}

a {text-decoration:none; color:#ff7e00;cursor:pointer;}
a:hover {text-decoration:underline; color:#ff4b38;}

h1{visibility:hidden}/*visibility:hidden*/
h2 {font:bold 110% Arial, Sans; padding:20px 0 10px 0px ; color:#fff; text-transform:uppercase;}
h3 {font:bold 105% Arial, Sans; padding:20px 0 10px 0px ; color:#fff;}
h4 {font:bold 100% Arial, Sans; padding:5px 0 0px 0px ; color:#fff;}
h5 {font:bold 100% Arial, Sans; padding:15px 0 0px 0px ; color:#fff;}
h6 {font:bold 100% Arial, Sans; padding:15px 0 0px 0px ; color:#fff;}
small {font:bold 80% Arial, Sans;}
strong, strong * {font-weight:bold;}
em {font-style:italic}
dfn {}
u {text-decoration: underline;}
strike {text-decoration: line-through}
sub, sup {font-size:90%}
p{margin:5px 0 10px 0}
table, table * {font-size:98%}
table caption{font-size:120%;}

input {border:solid 2px #b3b3b3; width:60px; background:#fff; color:#b3b3b3; padding:1px; text-align:center; }
input:focus {color:#000; border-color:#555555;}
.button {text-align:center; background: gray url(../images/button-background.png); width:70px; border: solid 1px #b3b3b3; color:#fff;}
.button:hover { background: gray url(../images/button-background-hover.png);}
input[type=submit] {text-align:center; background: gray url(../images/button-background.png); width:70px; border: solid 1px #b3b3b3; color:#fff;}
input[type=submit]:hover { background: gray url(../images/button-background-hover.png);}

li {list-style-type:square;}
address {margin:5px 0 15px 0} 

/*LAYOUT*/
#page {width:990px; margin:35px auto 0 auto ; background:#f6f9fe;}
#content {border-top:solid 1px #2b1111; background: #373737 url(../images/content-background.png); padding:10px 20px; min-height:360px; _height:360px;}

#left { width:400px; height:100px;}
#left h2  { font: normal 20px Verdana; text-align:center; color:#fff;}
#right {float:right; width:540px;}


#logo {background:url("../images/logo.jpg") no-repeat; width:990px; height:144px; color:#000}
#logo  #index-link a {display:block; height:144px; width:600px;}
#logo  #top {position:absolute; top:10px; left:650px; width:330px; height:120px; text-align:right;}
#logo  #top a {color:#000;}
#logo  #top strong a {font-size:100%; color:#ea6f22;} /*vybrany jazyk*/
#logo  #top #login {position:absolute; top:20px; left:55px; text-align:right;}
#logo  #top #login a {color:#888; margin:3px 5px 0 0}
#logo  #top #login input {width:70px; text-align:center;margin-right:5px;}
#logo  #top #search {position:absolute; top:80px; left:85px}
#logo  #top #search input {width:154px; text-align:center;margin-right:5px; text-align:left;}
#logo  #top #search  .button_orange, #search #search_form .button_orange {text-align:center; background: #f96933 url(../images/button_orange-background.png); width:70px; border: solid 1px #f96933; color:#fff;}
#logo  #top #search  .button_orange:hover { background: gray url(../images/button_orange-background-hover.png);}

 
#addition {border-top:solid 4px #2b2a2a;background:#2c2b2c url("../images/addition-background.png"); height:152px; clear:both;}
#addition div img {float:left; display:block;}
#addition #notebook {float:left; margin-right:50px; display:block;}
#addition div p { height:137px; width:150px; text-align:center; float:left; vertical-align:middle; display:block; line-height:152px;}
#addition div p a {color:#e55b18; font-size:110%; vertical-align:middle; display:block; text-align:center; }
#addition em {display:block; text-align:center; font-style:normal; width:100px; clear:both; height:20px;}

#addition img:hover {background: url(../images/product-hover.png) 0px 0px no-repeat;  _background:none;}
#addition a:hover, #addition a:hover * {color:#ff4b38; text-decoration:none;}

#copyright {border-top:solid 2px #202020;background: #7d7b7b url("../images/copyright-background.png"); height:20px; _height:15px; text-align:center;color:#000; padding-top:4px; clear:both}
#copyright a {color:#000;}


#menu{background:#DE6B33 url("../images/menu-zone.png"); height:24px; margin:0px 0 0px 0; padding-left:400px; _padding-left:100px;}
#menu a{height:24px;line-height:24px; vertical-align:middle;font-weight:bold;text-decoration:none;color:#fff;white-space:nowrap; font-size:12px;display:block;}
#menu ul li{float:left; margin:0 10px; _width:150px; }
#menu ul ul{position:absolute;top:24px;left:0px;display:none; padding:15px 25px 15px 10px}
#menu ul ul ul{left:110px;_left:150px;top:0;}
#menu ul li ul li{display:block;float:none;margin:0;}
#menu li:hover ul,#menu li:hover ul li:hover ul,#menu li:hover ul li:hover ul li:hover ul,#menu li:hover ul li:hover ul li:hover ul li:hover ul{display:block;}
#menu li:hover ul ul, #menu li:hover ul li:hover ul ul, #menu li:hover ul li:hover ul li:hover ul ul, #menu li:hover ul li:hover ul li:hover ul li:hover ul ul, #menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul ul{display:none;}
#menu li {height:24px; list-style-type:none;}
#menu ul ul li, #menu ul ul li *{line-height:20px;min-width:110px}
#menu, #menu *{z-index:90	; overflow:visible;}
#menu strong a{color: #444}

/*stylovani menu*/
#menu ul ul{background:#DE6B33; border:solid 1px #333333;}/*pozadi rozb menu - oranzova*/ 
#menu ul ul li *{color:#fff !important; }
#menu ul ul li a:hover{text-decoration:underline; color:#ddd !important;}/*po najeti*/
#menu li:hover *{color:#ddd;}/*1 polozka po najeti*/	




#bread-crumbs {display:block;}
#bread-crumbs, #bread-crumbs *{color:#ff7d3d; font-style:normal; font-size:10px}
#bread-crumbs *{color:#ff7d3d;}
#bread-crumbs a{text-decoration:underline;}
#bread-crumbs a:hover{color:#ff4b38;}
#bread-crumbs em a{text-decoration:none;}



.pager {clear:both; text-align:center; margin: 30px 0 15px 0 }
.pager span {padding:3px 5px; font-weight:bold}
.pager  a span:hover {background:#C1D1F7; text-decoration:none;}
.pager  strong span {background:#799BEC}

.p {margin:10px 10px 10px 15px;}
/*.p h3 {margin: 2px 0 8px 0; font:bold 14px Arial,Sans; letter-spacing:2px; padding:0 0 5px 0;text-transform:uppercase;}/*nadpis odstavce*/*/
.p h4 {border-bottom:dotted 1px silver; margin: 2px 0 8px 0; font:bold 11px Arial,Sans; padding-left:10px; color:#000; padding:0 0 5px 0;}/*nadpis 2. urovne - soubory,galerie*/
.p h5 {text-align:left; margin:20px 0 0 30px; display:block; color:#555	}
.p p {margin: 2px 0 20px 0;}/*text odstavce*/
.p p strong { font-weight:bold}
.p p em {font-style:italic}
.p ul {margin:0 0 10px 10px;}
.p .author {display:block; text-align:right}
.p p a { text-decoration:underline;color:rgb(117,117,117);}/*odkaz v textu*/
.p p a:hover {color:red;}
.p a {font-size:100%}/*odkaz v textu*/
 
.p img {margin:2px 10px 5px 5px; padding:0;display:inline}/*obrazek odstavce*/

.gallery {margin:0 0 10px 0; display:block;}/*blok galerie*/
.gallery li  {list-style-type:none;}
.gallery a { margin: 20px; float:left; background:transparent; border:solid 10px rgb(235,235,235)}/*galerie obrazku*/
.gallery a:hover {background:transparent; border:solid 10px rgb(222,222,222)}
.gallery a img {margin:0;}

.list {margin: 10px 0 20px 10px}
.list li {display:block; padding-left:25px; background:url(../images/content_arrow_blue2.png) 0 2px no-repeat; margin:0 0 5px 10px}

ul.map {margin: 5px 0 10px 15px} /*mapa stranek*/
ul.map li {display:block; margin:3px 0 0 20px; list-style-type:square;}
ul.map li a {color:#000; font:bold 110% Arial;}
ul.map li li a {color:#000; font:normal 100% Arial;}

#search  strong{color:#eee; margin:10px 0 30px 20px; display:block}
#search  a{color:#eee;}
#search  h4 a{color:#FF9115; font-weight:bold; margin:0; text-decoration:underline}
#search  h4 a:hover{text-decoration:none}
#search  div {margin: 0 0 0 30px;}
#search  h3 {margin:20px 0 0 0; padding-bottom:0}
#search  p{ margin-left:30px}
#search #search_form {margin-top:30px;}
#search #search_form input {text-align:left; width:130px; color:#000;}


.breadcrumbs {background:url(../images/path_arrow.png) no-repeat; padding-left:20px; margin: 5px 0 10px 0 ; #background:url(../images/path_arrow.png) no-repeat 0 -5px ; }
.breadcrumbs, .breadcrumbs * {color:#b30000;}
.breadcrumbs a {text-decoration:underline;}
.breadcrumbs strong a {font-weight:bold; text-decoration:none;}

/*nove*/
.o1 {margin-left:0}
.o2 {margin-left:0}
.o3 {margin-left:10px}
.o4 {margin-left:20px}
.o5 {margin-left:30px}
.o6 {margin-left:40px}

.orange {color:#e55b18}



/*OBECNE*/ 
.b {font-weight:bold}
.i {font-style:italic}
.u {text-decoration:underline}
.both {clear:both}
.warning {color:#800000; margin:10px 0 15px 20px; font:bold 100% Arial; display:block; clear:both;} /*napr error 404*/

.file img {margin-right:10px;} 
.file { display:block; margin:1px 0 1px 10px; clear:both; padding:20px 0 0 0}
.file li {background:url(../images/file.png); _background:silver; width:200px; line-height:20px; height:20px; list-style-type:none;}
.file li a {vertical-align:middle; display:block; line-height:20px; color:#000; padding-left:20px}
.file:hover {text-decoration:none; color:#000} 
.file li:hover {background:url(../images/file-hover.png);_background:#aaa;} 

.gallery-container{width:380px;float:right;margin-left:1em;position:relative;}
.gallery-container p, .gallery-container ul{background:rgb(33,33,33);border-left:1px solid rgb(76,76,76);text-align:center;margin-bottom:1em;}
.gallery-container p{background-image:url("images/gallery-detail-zoom.gif");background-position:top right;background-repeat:no-repeat;height:184px;}
.gallery-container p a{background:url("images/loading.gif") center center no-repeat;display:block;border:0 !important;height:180px;width:380px;line-height:180px; text-align:center}
.gallery-container ul{overflow:hidden;}
.gallery-container ul li{display:inline;float:left; list-style-type:none;}
.gallery-container ul li a{display:block;text-align:center;width:100px;height:120px;line-height:120px;border-bottom:1px solid rgb(33,33,33);}
.gallery-container p a img, .gallery-container ul li a img{vertical-align:middle; #margin-top:10px;}
.gallery-container ul li a img{max-width:100px; max-height:100px}

#product_menu {margin:40px 80px 20px 80px}
#product_menu div {clear:both; margin: 0 0 0px 0; padding:5px}
#product_menu h3 ,#product_menu h3  a {color:silver; font-weight:bold; margin: 0px 0 30px 0; padding:0 0 3px 10px}
#product_menu h3 a {border-bottom:solid 1px #575757;}
#product_menu h3 a {display:block; margin:0}
#product_menu h3 a:hover {color:#fff; text-decoration:none;}
#product_menu img  {margin:0 5px 5px 10px;}

 
#product {margin:0 0 20px 20px}
#product p {clear:both;}
#product em {font-weight:bold; font-style:normal}
#product h3 ,#product h3  * {color:#C4C4C4; font-weight:bold; margin: 0px 0 30px 0; padding:0 0 3px 10px}
#product h3 {border-bottom:solid 1px #575757;}
#product h3 a:hover {color:#fff; text-decoration:none;}
#product img  {margin:10px;} 

/*ODDILY*/

#slat a{color:#444 !important;}

#slat {color:#000 !important;  font-size:12px}