/*
    Projekt: Manipuluj.cz
    URL: http://www.manipuluj.cz

    Výstupní zařízení: screen, projection

    Autor: Vít Dlouhý (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
    Poslední revize: 2007-02-21, 12:09 GMT+1

    Struktura:
        display | position | float | z-index | overflow | width | height | margin | padding | border | background | align | font

    Zápis:
        značka {vlastnost:hodnota; vlastnost2:hodnota2; ...}
*/

* {min-height:1px;}
html, body {height:100%; padding:0; margin:0;}
body {margin:0; padding:0; border:0; background:#E7E7E7 url("../images/bg.gif") repeat; font:0.7em/160% "verdana",sans-serif; color:#000; _text-align:center;}

a {color:#BA0000;}
a:link {color:#BA0000;}
a:hover {color:#000;}

p {margin:15px 0; padding:0; border:0;}

div {display:block; margin:0; padding:0; border:0;}

table {font-size:100%;}

h1, h2, h3, h4, h5 {clear:both; margin:15px 0 10px 0; padding:0; border:0;}
h1 {font-size:200%;}
h2 {margin-top:0; font:normal 200%/120% "arial",sans-serif; color:#000;}
h3 {font-size:130%; color:#BA0000;}
h4 {font-size:120%;}
h5 {font-size:100%;}

ul, ol {display:block; margin:15px 0 15px 40px; padding:0; border:0;}
ol {list-style-type:decimal;}
ol ol {list-style-type:upper-alpha;}
li {display:list-item; margin:0; padding:0; border:0;}
ul ul, ul ol, ol ol, ol ul {margin:0 0 0 20px;}

dl {margin:15px 0; padding:0; border:0;}
dt {margin:0; padding:0; border:0; font-weight:bold;}
dd {margin:0 0 0 30px; padding:0; border:0;}

form {margin:0; padding:0; border:0;}
fieldset {margin:15px 0; padding:10px; border:1px solid #D0D0D0;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#F90;}

hr {display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}

a, img, span {margin:0; padding:0; border:0; }
abbr, acronym {border-bottom:0px dotted #CCC; cursor:help;}

blockquote {margin:15px 20px; padding:10px; border-top:2px solid #FFDFB3; background:#FFF5E6; font-style:italic;}

del, .del {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

/* Plávání prvku */
.f-left {float:left;}
.f-right {float:right;}

/* Zarovnávání textu */
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-middle {vertical-align:middle;}
.va-top {vertical-align:top;}

.clear {clear:both;}

.box {min-height:1px; _height:1%;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0px; font-size:0px; content:".";}

.nom {margin:0;}
.nomt {margin-top:0;}
.nomb {margin-bottom:0;}

.noscreen {display:none;}

.border { margin:4px; padding:4px; border:solid; border-color: #999; border-width: 1px; }

.form-width { width: 420px; }
.form-width-175 { width: 175px; }

/* ---------------------------------------------------------------------------------------------------- */

#main {width:980px; margin:0 auto; background:#FFF; _text-align:left; text-align: left; }

/* Hlavička */
#header {position:relative; height:100px; background:url("../images/header-bg.jpg") 100% 100% no-repeat;}

    #logo {position:relative; overflow:hidden; width:300px; height:100px; margin:0; padding:0;}
    #logo-img {display:block; position:absolute; left:0; top:0; z-index:1; width:300px; height:100px; background:url("../images/logo.gif") 0 0 no-repeat; cursor:pointer; _cursor:hand;}

    #lang {position:absolute; top:10px; right:20px; margin:0;}
    #lang span {position:relative; top:-7px; color:#909090;}
    #lang img {width:28px; height:28px; margin-left:5px; border:0;}

    #login {position:absolute; right:20px; bottom:7px; color:#000;}
    #login .inp-text {width:115px; height:18px; _height:22px; border:1px solid #CD7B00; padding-top: 2px;}
    #login .inp-submit {position:relative; top:0px; background-color:green; margin: 0px; vertical-align: middle;}

/* Hlavní menu */
#nav {padding:8px 150px 0 20px; background:#F90 url("../images/lift01.gif") 830px 100% no-repeat;}

    #nav ul {height:3em; margin:0; padding:0; list-style:none;}
    #nav ul li {display:inline; margin:0; padding:0;}
    #nav ul li a {display:block; float:left; margin:0 7px 0 0; padding:8px 15px; border:1px solid #FFD000; border-bottom:0; background:url("../images/nav-link.gif") 0 0 repeat-x; color:#000; text-transform:uppercase; font-weight:bold; text-decoration:none; font-size:0.9em;}
    #nav ul li a:hover {border:1px solid #FFED9B; border-bottom:0; color:#FFF;}
    #nav ul li#active a {border:1px solid #303030; border-bottom:0; background:#303030 url("../images/nav-active.gif") 0 0 repeat-x; color:#FFF;}
    #nav-bottom {height:8px; background:#303030 url("../images/lift02.gif") 829px 0 no-repeat; line-height:0; font-size:0;}

/* Informační pruh */
#info {height:38px; background:#D0D0D0 url("../images/bg-info.gif") 0 0 repeat-x; margin:0;}
    #info-in { padding:10px 20px; background:url("../images/lift03.gif") 827px 0 no-repeat;}

/* 3 sloupce*/
#page-mlr {background:url("../images/bg-page-0.gif") 0 0 repeat-y;}
#page-ml {background:url("../images/bg-page-1.gif") 0 0 repeat-y;}
#page-mr {background:url("../images/bg-page-2.gif") 0 0 repeat-y;}
#page-m {}
#page-v {background:url("../images/bg-page-v.gif") 35px 100% no-repeat;}

/* Obsah */
#col-l {float:left; width:190px; _width:200px; padding:0 0 130px 10px;}
#col-r {float:left; width:190px;}
#content-mlr {float:left; width:540px; _width:580px; padding:10px 20px 20px 20px; _padding-bottom:0;}
#content-ml {float:left; width:730px; _width:770px; padding:10px 20px 20px 20px; _padding-bottom:0;}
#content-mr {float:left; width:730px; _width:770px; padding:10px 20px 20px 20px; _padding-bottom:0;}
#content-m {float:left; width:920px; _width:980px; padding:10px 20px 20px 20px; _padding-bottom:0;}

/* Patička */
#footer {position:relative; background:url("../images/footer-bg.gif") 0 0 repeat-x; color:#AAA;}
#footer-in {padding:5px 20px 7px 20px; background:url("../images/footer-bg-in.jpg") 0 0 no-repeat;}

    #links {float:right; position:relative; z-index:999; color:#707070;}
    #links a {color:#303030;}
    #links a:hover {color:#000;}

    #copyright a {color:#AAA;}
    #copyright a:hover {color:#FFF;}

/* ---------------------------------------------------------------------------------------------------- */

ul#nav-sub {margin:0 0 10px 0; padding:0; list-style:none;}
ul#nav-sub li {display:inline; margin:0; padding:0;}
ul#nav-sub li img {cursor: pointer; float: left; margin-left: 15px; margin-top: 7px;}
ul#nav-sub li a {display:block; padding:3px 10px; padding-left: 25px; border-left:5px solid #FFAD34; border-bottom:1px solid #D9D9D9; background:#F5F5F5 url("../images/nav-sub-link.gif") 0 50% no-repeat; _background-position:5px 50% no-repeat; text-decoration:none; color:#000;  min-height:auto;}
ul#nav-sub li a:hover {border-left:5px solid #BA0000; background:#F5F5F5 url("../images/nav-sub-hover.gif") 0 50% no-repeat; _background-position:5px 50% no-repeat;}

ul#nav-sub li ul {margin:0; padding:0; list-style:none;}
ul#nav-sub li ul li {margin:0; padding:0;}
ul#nav-sub li ul li img { margin-left: 30px;}
ul#nav-sub li ul li a {display:block; padding:3px 10px 3px 40px; _padding:3px 10px 3px 40px; border-left:5px solid #FFD69B; border-bottom:1px solid #E0E0E0; background:#FFF; color:#303030; text-decoration:none;}
ul#nav-sub li ul li a:hover {border-left:5px solid #FFD69B; background:url("../images/nav-sub2-hover.gif") 0 50% no-repeat; _background-position:5px 50% no-repeat; color:#000;}
ul#nav-sub li ul li ul li img { margin-left: 50px;}
ul#nav-sub li ul li ul li a {display:block; padding:3px 10px 3px 55px; _padding:3px 10px 3px 55px; border-left:5px solid #FFE8C8; border-bottom:1px solid #E0E0E0; background:#FFF; color:#303030; text-decoration:none;}
ul#nav-sub li ul li ul li a:hover {border-left:5px solid #FFE8C8; background:url("../images/nav-sub3-hover.gif") 0 50% no-repeat; _background-position:5px 50% no-repeat; color:#000;}

#lift02 {margin:30px 0 20px 80px; width:73px; height:87px; background:url("../images/lift01b.gif") 0 0 no-repeat;}

.styl01 {margin-top:10px; margin-bottom:0; padding:7px 35px 5px 10px; border-bottom:3px solid #870000; background:#BA0000 url("../images/ico-arrow.gif") 100% 0% no-repeat; font-size:100%; text-transform:uppercase; color:#FFF;}
.styl01 a {color:#FFF;}
.styl01 a:hover {text-decoration:none;}

.styl02 {clear:both; padding:5px; border-top:5px solid #E0E0E0; background:url("../images/dot.gif") 100% 100% repeat-x; font-size:120%; color:#000; }
.styl02 a { text-decoration:none; font-weight: bold;}
.styl03 {margin-top:10px; margin-bottom:0; padding:7px 10px; border-right:5px solid #870000; background:#606060; color:#FFF;}

#col30 {clear:both; border-bottom:1px solid #FFF; background:url("../images/bg-col30.gif") 0 0 repeat-y;}
.col30 {float:left; width:176px;}
.col30 p {margin:0;}
.col30 a {display:block; margin:0; padding:7px 40px 7px 10px; border-top:5px solid #FFD499; color:#000; text-decoration:underline;}
.col30 p#ico-lupa a {background:#FFEACC url("../images/ico-lupa.gif") 140px 50% no-repeat;}
.col30 p#ico-sipky a {background:#FFEACC url("../images/ico-sipky.gif") 140px 50% no-repeat;}
.col30 p#ico-pruvodce a {background:#FFEACC url("../images/ico-pruvodce.gif") 140px 50% no-repeat;}
.col30 p#ico-nabidka a {background:#FFEACC url("../images/ico-nabidka.gif") 140px 50% no-repeat;}
.col30 p a:hover {border-top:5px solid #FF9900;}

.col50 {float:left; width:265px;}
.col50 dl dt {padding-left:15px; background:url("../images/ico-cal.gif") 0 50% no-repeat; font-weight:bold; color:#BA0000;}
.col50 dl dd {margin:0 0 15px 0; padding:0 0 0 15px;}

ul.arrow {margin:10px 0; padding:0; list-style:none;}
ul.arrow li {display:inline; margin:0; padding:0;}
ul.arrow li a {display:block; padding-left:11px; background:url("../images/li.gif") 0 6px no-repeat; color:#000; text-decoration:underline;}
ul.arrow li a:hover {color:#BA0000;}

table.styled {width:540px; display:table; margin:15px 0; padding:0; border-bottom:2px solid #FFF5E6; border-collapse:collapse; font-size:100%;}
table.styled.centered td {text-align:center;}
table.styled tr.bg td {background:#FFF5E6;}
table.styled td {margin:0; padding:4px 5px; _padding:6px 5px; border-bottom:1px solid #FFEBCC; vertical-align:middle; text-align:left;}
table.styled th {background:#FF9900 url("../images/th.gif") 100% 100% no-repeat; padding:8px 5px; _padding:10px 5px; border-bottom:3px solid #CD7B00; text-align:center; font-weight:bold; color:#FFF;}
table.styled th a, table.styled th a:link {color:#FFF;}
table.styled th a:hover {color:#FFF; text-decoration:none;}
table.styled input {margin: 0px; margin-right: 4px; vertical-align: middle;}

ul.styled {margin:15px 0 15px 30px; padding:0;}
ul.styled li {margin:0; padding-left:11px; background:url("../images/li.gif") 0 6px no-repeat; list-style:none;}
ul.styled li ul {margin:0 0 0 10px;}
ul.styled li ul li {margin:0; padding-left:11px; background:url("../images/li2.gif") 0 6px no-repeat;}

#perex {padding:10px; border-top:5px solid #FFD499; background:#FFEACC;}

#ico-search {background:#BA0000 url("../images/ico-search.gif") 100% 0 no-repeat;}
.ico-paper {background:#BA0000 url("../images/ico-db.gif") 100% 0 no-repeat;}
#ico-discuss {background:#BA0000 url("../images/ico-discuss.gif") 100% 0 no-repeat;}

.panel {padding:10px 10px 10px 10px; border-bottom:1px solid #D0D0D0; background:#F0F0F0;}
#db {padding:10px 10px 10px 45px; border-bottom:1px solid #D0D0D0; background:#F0F0F0 url("../images/db.gif") 15px 50% no-repeat;}

#ico-rss {padding:10px 0 10px 25px; background:url("../images/rss.gif") 0 50% no-repeat;}

table th.th {background:#CD7B00 url("../images/th2.gif") 100% 0 no-repeat;}

a.btn-more {padding:5px 33px 5px 10px; background:#FFF url("../images/btn-more.gif") 100% 0 no-repeat; font-weight:bold; color:#BA0000; text-decoration:none;}
a.btn-back {padding:4px 10px 4px 30px; background:#303030 url("../images/btn-back.gif") 0 0 no-repeat; font-weight:bold; color:#FFF; text-decoration:none; }
a.btn-back:hover { color:#FFF; }
a.btn-empty1 {width: 72px; padding:5px 3px 5px 3px; background:#FFF url("../images/btn-empty1.gif") 100% 0 no-repeat; font-weight:bold; color:#BA0000; text-decoration:none; float: left;}
a.btn-empty2 {width: 84px; height: 27px; padding:4px 0px 0px 0px; _padding: 7px 0px 0px 0px; background:url("../images/btn-empty2.gif") 100% 0 no-repeat; font-weight:bold; color:#FFF; font-size: 10px; text-decoration:none; float: left; text-align: center; vertical-align: middle;}
a.btn-empty2:hover { color:#FFF; }

#product-compare { width:100%; overflow-x: auto; }
.date {color:#707070;}

.high {color:#BA0000;}
.high-bg {background:#FFA; display: list-item;}
.non-high {color:#777;}

.desc {padding-top:10px; border-top:1px solid #CCC; color:#777; font-size:90%;}
.desc p {margin-top:0}

.msg-ok {padding:10px 10px 10px 40px; background:#DEF0BF url("../images/msg-ok.gif") 10px 50% no-repeat; color:#090; font-weight:bold;}
.msg-error {padding:10px 10px 10px 40px; background:#F0DABF url("../images/msg-error.gif") 10px 50% no-repeat; color:#BA0000; font-weight:bold;}

hr.cistic {visibility:hidden; clear:both; height:1px; margin:-1em 0 0 0; line-height:0; font-size:0; border:0;}


/* Dalsi nesmysly */
div.showHideEnd { height: 5px; background: #f3f3f3; font-size: 1px; } /* silny svetle-sedy ramecek pod posledni showhide blok */
.tooltip { border: 1px solid #bbb; background: #fbfbfb; padding: 2px 4px; font-size: 100%; font-family: sans-serif; }

/* VDeamon */
.control {
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    color: #333333;
    border: 1px solid #666666;
}
.controlerror {
    color: #333333;
    border: 1px solid #993300;
}
.error {
    color: #993300;
}

.defaultErr {
    color: #993300;
    margin-bottom: 10px;
}
/* VEnd :) */

/* forum */
#module-forum { border-collapse:collapse; width: 100%}
#module-forum tr.forum td { background: #DDD; border-bottom:3px solid #BBB; padding: 4px; font-size: 100%; }
#module-forum tr.forum td a { font-weight:bold; }
#module-forum tr.topic td { border-bottom:1px solid #CCC; background: #E0E0E0; padding: 4px; font-size: 100%}
#module-forum tr.message td { background: #EEE; padding: 4px; font-size: 100%}

.banner { margin-top: 10px; width: 100%; padding: 12px 0px 8px 0px; text-align: center; }
.no-banner { margin-top: 10px; font-size: 9px; color: #909090; width: 100%; padding: 20px 0px; vertical-align: middle; text-align: center; border:1px solid #C0C0C0; }
.no-banner a { color: #909090;  text-decoration:none; font-weight:bold; }


/* WordPress */
ul#wp-section {margin:0 0 10px 0; padding:0; list-style:none;}
ul#wp-section li {display:inline; margin:0; padding:0;}
ul#wp-section li h3 {margin-top:10px; margin-bottom:0; padding:7px 35px 5px 10px; border-bottom:3px solid #870000; background:#BA0000 url("../images/ico-arrow.gif") 100% 0% no-repeat; font-size:100%; text-transform:uppercase; color:#FFF;}
ul#wp-section li ul {margin:0; padding:8px 0; list-style:none;  border-bottom:1px solid #D0D0D0;  background:#F0F0F0; }
ul#wp-section li ul li {display:block; padding:3px 10px; color:#303030; text-decoration:none;}
ul#wp-section li ul li a { text-decoration:none; color:#000; }
ul#wp-section li ul li a:hover { text-decoration:underline; }