/*
Theme Name: Ubytování U Vávrů
Theme URI: http://www.ubytovanivavru.cz
Description: Vzhled pro Penzion U Vávrů
Author: Martin Kalábek
Author URI: http://www.mkalabek.cz
*/

body {
    background: #d2c9b1;
    width: 730px;
    margin: 20px auto;
    min-width: 730px;
    font-size: 14px;
    line-height: 150%;
    font-family: Arial, Helvetica, sans-serif;
    color: #534a3c;
}

/* HEADER */
#header {
    width: 730px;
    height: 124px;
}

#header #logo {
    background: url('imgs/logo.png');
    width: 316px;
    height: 84px;
    float: left;
    position: relative; top: -5px; left: -12px;
    text-align: center;
    padding-top: 40px;
    color: #FFF;
    font-family: "Arial Narrow", Arial, sans-serif;
    color: #FFF !important;
    font-size: 30px;
}

#header #logo:hover {
    text-decoration: none !important;
}

#header #logo span {
    text-transform: uppercase;
    font-size: 11px;
    color: #FFF !important;
}

#header #headerimg {
    float: right;
}

#header #motto {
    background: #d2c9b1;
    height: 84px;
    padding-top: 30px;
}

#header #motto p {
    color: #b73406;
    font-size: 17px;
    font-family: "Arial Narrow", Arial, sans-serif;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    position: relative; left: -10px;
}

#header #motto span {
    position: relative; top: 5px;
}

#left {
    width: 289px;
    float: left;
}

/* MENU */
#menu {
    float: left;
    width: 209px;
    /*height: 290px;*/
    padding: 0px 40px 40px 40px;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 14px;
}

#menu ul {
    list-style: none;
}

#menu li {
    float: left;
    background: url('imgs/menu.png') bottom repeat-x;
    width: 199px;
    line-height: 38px;
    list-style: none;
    clear: both;
    color: #FFF;
}

#menu a {
    background: url('imgs/menuli.png') 190px 0 no-repeat;
    float: left;
    width: 179px;
    padding: 0 20px 0 0;
    text-decoration: none;
    margin: 1px 0 2px 0;
    color: #534a3c;
    text-align: right;
}

#menu ul ul {
    display: none;
    float: left;
    margin: 0;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999;
}

#menu ul ul ul {
    left: 0;
    top: 0;
}

#menu ul ul ul {
    left: 0;
    top: 0;
}

#menu ul ul li {
    background: url('imgs/menuli.png');
}

#menu ul ul a {
    font-size: 14px;
    font-weight: normal;
    height: auto;
    padding: 0 10px;
    width: 130px;
    line-height: 38px;
    margin: 0;
}

#menu li:hover, #menu .current_page_item {
    color: #b73406;
}

#menu li:hover > a, #menu ul ul :hover > a, #menu a:focus {
    background: url('imgs/menuahover.png') left center repeat;
    color: #FFF;
}

#menu ul li:hover > ul {
    display: block;
}

#menu .current_page_item > a, #menu .current_page_ancestor > a {
    background: url('imgs/menuahover.png') left center repeat;
    color: #FFF;
}

#banner {
    float: left;
    width: 421px;
    height: 290px;
    margin: 10px;
    position: relative; top: -15px; left: 5px;
    -webkit-box-shadow: 0px 0px 3px 3px #a8a08f;
    -moz-box-shadow: 0px 0px 3px 3px #a8a08f;
    box-shadow: 0px 0px 3px 3px #a8a08f;
}

#content {
    clear: both;
    width: 710px;
    padding: 20px 10px;
    margin: 20px 0;
    border-top: #c8c1ac solid 10px;
}

#text {
    float: right;
    width: 410px;
    padding: 20px 10px 0 0;
}

#text li {
    background: url('imgs/li.png') 0px 6px no-repeat;
    list-style: none;
    padding-left: 11px;
}

.comment {
    background: none !important;
    padding-left: 0;
}

h1, h2, h3, h4, h5, h6 {
    width: 100%;
    margin-bottom: 10px;
    color: #6c392f;
    font-family: "Arial Narrow", Arial, sans-serif;
}

.wpcol-one-third h2, .wpcol-one-third h3, .wpcol-one-third h4, .wpcol-one-third h5, .wpcol-one-third h6 {
    width: 90% !important;
    padding: 0 5% !important;
    margin-bottom: 10px;
}

h2 {font-size: 22px}
h3 {font-size: 20px}
h4 {font-size: 18px}
h5 {font-size: 16px}
h6 {font-size: 14px}

#content p {
    padding-bottom: 10px;
    text-align: justify;
}

input, select, textarea {
    background: #c8c1ac;
    font-family: Arial, Helvetica, sans-serif;
    border-top: 1px solid #d5cebb;
    border-left: 1px solid #d5cebb;
    border-bottom: 1px solid #bcaf8e;
    border-right: 1px solid #bcaf8e;
    margin-bottom: 5px;
}

input, textarea {
    padding: 4px 5px;
    width: 398px;
    min-width: 398px;
    max-width: 398px;
}

select {
    padding: 4px 0;
    width: 408px !important;
    min-width: 408px !important;
    max-width: 408px !important;
}

textarea {
    height: 50px;
}

input:focus, select:focus, textarea:focus {
    background: #b73406;
    color: #FFF;
}

.wpcf7 p {
    padding: 0 !important
}

.wpcf7-submit, #submit, .booking_form_div input[type="button"], .booking_SagePayForm input[type="button"] {
    background: #b73406 !important;
    color: #FFF !important;
    width: 408px !important;
    min-width: 408px !important;
    max-width: 408px !important;
    height: 30px;
    padding: 0 !important;
    border: 1px solid #bcaf8e !important;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.ajax-loader {
    width: 16px !important;
    height: 16px !important;
}

label {
    float: left;
    width: 100%;
    padding-bottom: 5px;
}

.wpcf7-list-item input {
    float: left;
    width: 20px !important;
    max-width: 20px !important;
    min-width: 20px !important;
}

.wpcf7-radio span {
    cursor: pointer;
}

.wpcol-one-third p {
    padding: 0 !important;
    text-align: left;
}
.wpcol-one-third .alignleft {float: left; margin: 0 10px 5px 0}
.wpcol-one-third .alignright {float: right; margin: 0 0 5px 10px}

.reply {
    margin-bottom: 10px;
}


#sidebar {
    float: left;
    width: 269px;
    padding: 0 10px;
}


#sidebar li {
    background: url('imgs/li.png') 0px 6px no-repeat;
    list-style: none;
    padding-left: 11px;
}


#right li {
    list-style: none;
}

#text .datepick-inline {
    width: 410px !important;
}

#text .datepick-inline table.datepick td {
    width: 59px !important;
}

#text .datepick-header {
    background:  #BCAF8E !important;
    width: 410px !important;
}

#datepick-div, .datepick-inline {
    border: 0 !important;
    text-transform: capitalize;
}

.rezervovat {
    display: block;
    width: 282px;
    height: 30px;
    padding-top: 270px;
    background: transparent;
    position: absolute;
    z-index: 1111;
    margin-top: -300px;
    text-align: right;
}

/* FOOTER */
#footer {
    background: #b73406;
    width: 700px;
    padding: 10px 20px;
    font-size: 12px;
    margin-bottom: 15px;
    color: #FFF;
}

#footer a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

#zrx_captcha {height: 60px;}
#zrx_captcha input {width: 250px !important; min-width: 250px !important; max-width: 250px !important; margin-right: 10px}
.cleaner, #contentbottom {clear: both; font-size: 1px;}
a {color: #b73406; text-decoration: none;}
a:hover {color: #b73406; text-decoration: underline;}
p, ul { text-align: justify; padding-bottom: 10px}
pre {position: absolute; background: #FFF; width: 401px; height: 20px; font-family: "Arial Narrow", Arial, sans-serif; margin: -190px 0 0 9px; padding: 5px; font-size: 16px; font-weight: bold}
img {border: 0;}
.nocomments {display: none}
.commentlist img { padding: 0 !important; background: none !important; width: 32px !important; height: 32px !important; left: 0 !important; float: left; margin-right: 5px;}
.alignleft {float: left; margin: 5px 10px 5px 0 !important}
.alignright {float: right; margin: 5px 0 5px 10px !important}
* {margin: 0; padding: 0}