/* 
    Document   : styl
    Created on : 9.9.2009, 16:58:54
    Author     : smurv
    Description:
        Purpose of the stylesheet follows.
*/

body {
    text-align: center;
    background-color: #92c8fd;
}
#wrap {
    margin: 0 auto;
    width: 940px;
    text-align: left;
}
#header {
    background: #92c8fd url('../img/zazen-nudu.png') no-repeat center left;
    height: 100px;
    width: 940px;
    padding-top: 10px;
    text-align: right;
}
#yellow_box {
    float: left;
    width: 665px;
    border: 4px solid #fff000;
}
#yellow_menu {
    background-color: #fff000;
    padding: 1px 6px 0px 6px;
}
#yellow_menu a, #yellow_menu a:visited {
    padding: 0 15px;
    text-decoration:none;
    color: black;
    font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
    font-size: 1.285em;
    width: 100px;
}
#yellow_menu a.active {
    background-color: #ffff66;
    /*    border-left: 1px solid #BFBFBF;
        border-right: 1px solid #BFBFBF;
        border-top: 1px solid #BFBFBF;*/

}

#orange_box, #green_box {
    float: right;
    width: 249px;
    border: 4px solid #ff8900;
}
#orange_menu, #green_menu {
    background-color: #ff8900;
    padding: 1px 6px 0px 6px;
    font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
    font-size: 1.285em;
}
#orange_inside, #green_inside, #yellow_inside {
    padding: 5px;
    background-color: #fff;
}
#green_box {
    border:4px solid #23F000;
    margin-top: 10px;
}
#green_menu {
    background-color: #23F000;
}
#green_inside {
    text-align: center;
}

#footer {
    clear: both;
    font-size: 0.9em;
    text-align: center;
}
#footer a {
    color: #222;
}
.none {
    display: none
}
/* Středy */
.produkty {
    overflow: auto;
    width: 645px;
    padding: 10px 5px;
    background: url('../img/linka.png') bottom center no-repeat;
}
.obsah-produkt {
    width: 450px;
    float: left;
    margin: 0px;
    padding: 0px;
}
.obrazky-produkt {
    width: 190px;
    margin-top: 10px;
    float: right;
    overflow: auto;
    text-align: right;
}
.obrazky-produkt img {
    margin-top: 5px;
}
.produkty img{
    border: 1px solid #fff000;
}
.seznam-produkt, .provozovna {
    overflow: auto;
}
.seznam-produkt ul, .provozovna ul {
    margin: 4px 0px;
    padding: 0px 0px 0px 10px;
    list-style: outside url('../img/tecka.png');
    float: left;
    width: 200px;
}
.provozovna ul {
    list-style: none;
}
.seznam-produkt li, .provozovna li {
    margin-left: 15px;
    padding: 0px;
}
.new_sortiment_pic {
    text-align: center;
}
.new_sortiment_pic img {
    margin-top: 10px;
    border: 1px solid #FF8900;
}
#logo {
    margin-right: 25px;
}
/* Novinky */
.novinky {
    margin-bottom: 1.5em;
}
.novinky h3 {
    margin-bottom: 0.2em;
}
.novinky .datum {
    font-size: 0.9em;
    color: #6F6F6F;
}
.novinky p {
    margin-bottom: 0.5em;
}
.novinky .obrazky-novinky {
    padding: 0 25px;
    text-align: center;
}


/* Formulář */
fieldset {
    clear: both;
}
form .field, form .buttons {
    clear: both;
    margin: 0 0 1.5em;
    padding-left: 100px;
}
form .field label {
    display: inline;
    float: left;
    width: 90px;
    margin-left: -100px;
}
textarea {
    overflow: auto;
}

/* Ajax */
.loading {
    background: #FFC129;
    color: black;
    font-weight: bold;
    padding: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.loading-img, .loading-element {
    background: transparent;
    padding: 0px;
}
.loading.top {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
}
.loading.left {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
}
.loading.bottom {
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}
.loading.right {
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}
.loading-masked { overflow: hidden; }
.loading-error {
    color: #FFF;
    background: red;
}

/*ValidationEngine */
.formError {
    position:absolute;
    top:300px; left:300px;
    padding-bottom:13px;
    display:block;
    z-index:5000;
}
#debugMode{
    background:#000;
    position:fixed;
    width:100%; height:200px;
    top:0; left:0;
    overflow:scroll;
    opacity:0.8;
    display:block;
    padding:10px;
    color:#fff;
    font-size:14px;
    z-index:100000;
}

.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent {
    width:100%;
    background:#ee0101;
    color:#fff;
    width:150px;
    font-family:tahoma;
    font-size:11px;
    border:2px solid #ddd;
    box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    -webkit-box-shadow: 0px 0px 6px #000;
    padding:4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {background:#33be40;}

.blackPopup .formErrorContent {background:#393939;color:#FFF;}

.formError .formErrorArrow{
    position:absolute;
    bottom:0;left:20px;
    width:15px; height:15px;

    z-index:5001;
}
.formError .formErrorArrowBottom{top:0;margin:-6px;}

.formError .formErrorArrow div{
    border-left:2px solid #ddd;
    border-right:2px solid #ddd;
    box-shadow: 0px 2px 3px #444;
    -moz-box-shadow: 0px 2px 3px #444;
    -webkit-box-shadow: 0px 2px 3px #444;
    font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
}
.formError .formErrorArrowBottom div{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

.formError .formErrorArrow .line10{width:15px;border:none;}
.formError .formErrorArrow .line9{width:13px;border:none;}
.formError .formErrorArrow .line8{width:11px;}
.formError .formErrorArrow .line7{width:9px;}
.formError .formErrorArrow .line6{width:7px;}
.formError .formErrorArrow .line5{width:5px;}
.formError .formErrorArrow .line4{width:3px;}
.formError .formErrorArrow .line3{width:1px;
                                  border-left:2px solid #ddd;
                                  border-right:2px solid #ddd;
                                  border-bottom:0px solid #ddd;}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}