body {
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	background: white;
    margin:0px;
    /*font-family:"Trebuchet MS", Helvetica, sans-serif*/
    /*font-family: Tahoma, Geneva, sans-serif;*/
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

h1 {
	/*color: #3484D2;*/
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

a[href^="#error:"] {
	background: red;
	color: white;
}

form th, form td {
	vertical-align: top;
	font-weight: normal;
}

form th {
	text-align: right;
}

form .required label::after {
        content: "*";
}

form .error {
	color: #D00;
	font-weight: bold;
}

textarea {
    width:100%;
}

img {
    max-width: 100%;
}

html.js .jshidden {
	display: none;
}
.shop {
    width:960px;
    padding:20px;
    margin-left:auto;
    margin-right:auto;
}
#header {
    background-image: url('../images/header-back.png');
    height:125px;
    text-align:center;
}
#header img {
    margin-top:20px;
}
#navigation {
    background-image: url('../images/navigation.png');
    height:55px;
    text-align:center;
    background-position:top center;
}
#navigation ul {
    list-style: outside none none;
    margin:0px;
    padding:0px;
    max-width:980px;
    margin-left:auto;
    margin-right:auto;
}
#navigation li {
    padding:0px;
    margin:0px;
    float:left;
    display:block;
    background: url("../images/separator.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
#navigation li:last-child {background: none;}
#navigation li.em {background-color:rgba(0,0,0,0.4);}
#navigation li a {
    color: #fff;
    font-weight: bold;
    line-height: normal;
    margin: 6px 19px;
    text-decoration: none;
    font-size:12px;
    text-transform:uppercase;
}
#footer {
    background-image: url('../images/footer.png');
    padding-top:75px;
    height:100px;
    color:white;
    font-size:11px;
    text-align:center;
}
#footer a {
    color:white;
}
#content, .content {
    max-width:960px;
    padding: 20px;
    margin-left:auto;
    margin-right:auto;
}
#content .sloupec {
    width:240px;
    float:left;

}
#content .sloupec div {
    border:1px solid #ccc;
    padding:10px;
    margin-bottom:20px;
}
#content .menu h3 {
    margin-top:0px;
    margin-bottom:10px;
}
#content .menu ul {
    padding-left:20px;
    margin-top:10px;
    margin-bottom:10px;
    /*list-style-type:none;*/
    font-weight:bold;
    font-size:15px;
    /*line-height:20px;*/
}
#content .menu ul a {
    text-decoration:none;
}
#content .menu ul a:hover {
    text-decoration:underline;
}
#content .menu ul a.active {
    color:#93722A;
}
#content a {
    color:#333;
    text-decoration:underline;

}
#content #main {
    width:700px;
    float:left;
    margin-left:20px;
}
#content #shop img {
    width: 200px;


}
#content #shop a.detail {
    width:200px;
    display: block;
    float:left;
    text-align:center;
    border:0px;
    font-weight:bold;
    text-decoration:none;
    color: #93722A;
}
#content #shop a:hover {
    text-decoration:underline;
}
#content #shop h1, #content #shop h2 {
    margin-top:0px;
    margin-bottom:10px;
}
.clear {
    clear:both;
}

#content #shop {
    float:left;
    margin-left:20px;
}
#content #shop .produkt {
    width:200px;
    margin-left:10px;
    margin-right:10px;
    position:relative;
    float:left;
}
#content #shop .produkt img {
}
.button_detail {
    left:0px;
    bottom:45px;
    color:white;
    background-color: #93722A;
    border-radius:5px;
    padding-left:5px;
    padding-right:5px;
}
.button_add {
    right:0px;
    bottom:45px;
    background-color: #CC9800;
    border-radius:5px;
    padding-left:5px;
    padding-right:5px;
}

#content a.button_add,#content a.button_detail {
    color:white;
    text-decoration:none;

}
#content .cena {
    font-weight:bold;
}
#content .skladem {
    color:green;
    font-weight:bold;
}
#shop  {
    width:700px;
}
#shop .kosik {
    width:700px;
}
.kosik table {
    margin-top:20px;
    margin-bottom:20px;
    width:700px;
    border:none;
}
.kosik table th {
    font-family: verdana;
    font-weight: bold;
    /*color: #FFFFFF;
    background: #5C78AD;*/
    color:#93722A;
    padding:5px;
    text-align:left;
}
.kosik table td.th {
    background-color:#93722A;
    color:white;
}
.kosik table td {
    font-family: verdana;
    background-color: #fff9d7;

    padding:5px;
}
.kosik table .nazev {
    text-align: left;
    padding-left: 20px;
}
.kosik table .full_price td {
    font-weight: bold;
}
.kosik table .full_price .price {
    width:20%;
}
#content #shop  h2 {
    font-size:16px;
    margin-bottom:10px;
}
#content .kosik h3 {
    margin-top:0px;
}
#content .kosik h3 a {
    text-decoration:none;
}
#content .kosik h3 a:hover {
    text-decoration:underline;
}
#content .kosik {

}
#content .produkt {
    height:330px;
}
#content .produkt h2 {
    height:45px
}
#content .detail_udaje {
    padding-left:20px;
}
#content .detail_cena {
    font-weight:bold;
}
#content .detail_skladem {
    font-weight:bold;
    color:green;
}
#frm-add-amount {
    width:50px;
}
.sloupec .kosik {
    position:relative
}
.sloupec .kosik img {
    position: absolute;
    right:20px;
    bottom:20px;
}
.button, input[type=submit] {
    border: 1px solid #93722A;
    background-color: #fff9d7;
    font-weight: bold;
    color: #333;
    padding-left:20px;
    padding-right:20px;
}
#content .button a {
    text-decoration:none;
}
.left  {
    float:left;
}
.right {
    float:right;
}

.detail_text_obal {
    margin-top:20px;
}
.pouzdro {
    background-color: #0c0c08;
}
.pouzdro #default_slideshow {
    margin:0 auto;
    max-width:1680px;
}
#default_slideshow a {
    line-height:0px;
    margin:0 auto;
}
#default_slideshow ul {
    list-style-type: none;
    padding:0px;
}
#default_slideshow img {
    width:100%;
    margin:0 auto;
    max-height: 412px;
    max-width: 1680px;
}
#bottom {
     border-bottom: 0 solid #cccccc;
     border-top: 5px solid #cccccc;
     height: 300px;
 }
#bottom .tricitka {
    width:320px;
    height: 220px;
    float:left;
    position:relative;
    margin:0px;
}

#bottom .degustace {
    width:300px;
    height:220px;
    float:left;
    position:relative;
    top:-50px;
    margin-left:7px;
}

#bottom .newsletter {

}
#bottom .newsletter  {
    background-image: url("../images/newsletter.png");
    height:180px;
    padding-top:100px;
    background-repeat:no-repeat;
}
#bottom #snippet-newsletter-newsletter {
    padding-left:25px;
}
#bottom .newsletter form input[type=text] {
    width:200px;
}
#bottom .newsletter .flash {
    width:150px;
}
#layout_slideshow {
    margin-top:10px;
}
#harmonogram_pdf {
    font-weight: bold; font-size: 18px; text-align: center; display: block;margin-top:50px;
    color: #cc9900;
}
#navstivte {
    font-weight: bold; font-size: 14px; text-align: center;
    width:100%;
    color: #cc9900;
    position:absolute;
}

#kontakt_left {
    width:720px;
    float:left;
}
#kontakt_left .adresa {
    width:180px;
    float:left;
    border:1px solid #ccc;
    padding:20px;
    margin-bottom:20px;
}
#kontakt_left h2, #kontakt_right h2 {
    margin:0px;
    font-size:20px;
}
#kontakt_left .mapa {
    width:480px;
    float:right;

}
#kontakt_right {
    width:180px;
    float:right;
    border:1px solid #ccc;
    padding:20px;
}
input[name=prazdne] {
    display: none;
}
#kontakt_right input[type=text],#kontakt_right input[type=submit], #kontakt_right textarea {
    width:100%;
    padding:0px;
    margin:0px;
}
#kontakt_right h3 {
    margin:0px;
}
#fotogalerie_slideshow img {
    height:400px;
}
#clanek_left {
    width:690px;
    float:left;
}
.clanek_right {
    width:150px;
    float:right;
    border:1px solid #ccc;
    padding:20px;
    margin-bottom:20px;
}

.clanek_right input[type=text],.clanek_right input[type=submit], .clanek_right textarea {
    width:100%;
    padding:0px;
    margin:0px;
}
.clanek_right h3 {
    margin:0px;
    margin-bottom:10px;
}
.sloupec195 {
    width:195px;
    float:right;
}
#degustace_slideshow, #vina_slideshow, #kavy-kavovary_slideshow, #cokolada_slideshow {
    border-bottom:1px solid black;
}
#layout_slideshow {
    border: 2px solid white;
    border-radius:15px;
}

table.degustations p {
    margin-top:0px;
}

@media only screen and (max-width : 560px) {
    #navigation {
        height:110px;
    }
}
